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程序 员 基 础 知识 


想 要 成 为 一 个 合格 的 程序 员 ， 扎 实 的 基础 是 必 不 可 少 的 。 
想 要 成 为 一 个 优秀 的 程序 员 ， 对 计算 机 的 发 展 需 要 有 深入 浅 出 的 了 解 。 


么 不 如 我 们 说 说 其 中 某 些 方面 的 前 世 今 生 。 


> ke he 
字 侍 编码 

为 什么 要 先 说 说 字符 ， 因 为 计算 机 只 认识 0 和 1。 所 以 字符 的 重要 性 不 言 而 喻 。 
参考 资料 

e 字符 编码 常识 及 问题 解析 


e 字符 集 和 字符 编码 (Charset&Encoding) 


TUN AG VA 


技术 上 有 很 多 的 名 词 ， 有 的 是 缩写 ， 有 的 是 创新 的 东西 。 了 解 他 们 ， 正 确 的 说 出 来 ， 会 让 别 
人 觉得 你 很 专业 。 


参考 资料 


e IT 图 里 有 哪些 经 常 被 读 错 的 词 ? 
e 关于 那些 开发 语言 中 的 常用 名 词 ， 大 家 读 的 都 正确 吗 ? 


语义 化 版 本 


版 本 格式 : 主 版 本 号 .次 版 本 号 .修订 号 ， 版 本 号 递增 规则 如 下 : 


e 主 版 本 号 : 当 你 做 了 不 兼容 的 API 修改 。 
e 次 版 本 号 : 当 你 做 了 向 下 兼容 的 功能 性 新 增 。 
e 修订 号 : 当 你 做 了 向 下 兼容 的 问题 修正 。 


先行 版 本 号 及 版 本 编译 信息 可 以 加 到 “ 主 版 本 号 .次 版 本 号 .修订 号 ”的 后 面 ， 作 为 延伸 。 
A 
简介 


在 软件 管理 的 领域 里 存在 着 被 称 作 “ 依 赖 地 狱 "的 死亡 之 谷 ， 系 统 规 模 越 大 ， 加 入 的 套件 越 多 ， 
你 就 越 有 可 能 在 未 来 的 某 一 天 发 现 自己 已 深 陷 绝 望 之 中 。 


在 依赖 高 的 系统 中 发 布 新 版 本 套件 可 能 很 快 会 成 为 恶 梦 。 如 果 依 赖 关系 过 高 ， 可 能 面临 版 本 

控制 被 锁 死 的 风险 (必须 对 每 一 个 相依 套件 改版 才能 完成 某 次 升级 ) 。 而 如 果 依 赖 关系 过 于 

松散 ， 又 将 无 法 避免 版 本 的 混乱 (假设 兼容 于 未 来 的 多 个 版 本 已 超出 了 合理 数量 ) 。 当 你 专 

案 的 进展 因为 版 本 相依 被 锁 死 或 版 本 混乱 变 得 不 够 简便 和 可 靠 ， 就 意味 着 你 正 处 于 依赖 地 狱 

之 中 。 

作为 这 个 问题 的 解决 方案 之 一 ， 我 提议 用 一 组 简单 的 规则 及 条 件 来 约束 版 本 号 的 配置 和 增 

长 。 这 些 规则 是 根据 (但 不 局 限于 ) 已 经 被 各 种 封闭 、 开 放 源 码 软 件 所 广泛 使 用 的 惯例 所 设 

计 。 为 了 让 这 套 理 论 运 作 ， 你 必须 先 有 定义 好 的 公共 API。 这 可 以 透 过 文件 定义 或 代码 强制 要 
求 来 实现 。 无 论 如 何 ， 这 套 API 的 清楚 明了 是 十 分 重要 的 。 一 旦 你 定义 了 公共 API， 你 就 可 以 
透 过 修改 相应 的 版 本 号 来 向 大 家 说 明 你 的 修改 。 考 虑 使 用 这 样 的 版 本 号 格式 : XYZ (EMA 
号 .次 版 本 号 .修订 号 ) 修复 问题 但 不 影响 API 时 ， 递 增 修 订 号 ; API 保持 向 下 兼容 的 新 增 及 修 
改 时 ， 递 增 次 版 本 号 ; 进行 不 向 下 兼容 的 修改 时 ， 递 增 主 版 本 号 。 


我 称 这 套 系 统 为 "语义 化 的 版 本 控制 "， 在 这 套 约 定 下 ， 版 本 号 及 其 更 新 方式 包含 了 相 邻 版 本 间 
的 底层 代码 和 修改 内 容 的 信息 。 


语义 化 版 本 控制 规范 (SemVer) 


VA F Xt iMUST ` MUST NOT ` REQUIRED ` SHALL ` SHALL NOT ` SHOULD >` 
SHOULD NOT ` RECOMMENDED ` MAY ` OPTIONAL 依照 RFC 2119 的 叙述 解读 。 (3€ 


注 : 


为 了 保持 语句 顺畅 ， 以 下 文件 遇 到 的 关键 词 将 依照 整 名 语义 进行 翻译 ， 在 此 先 不 进行 个 


别 翻译 。) 


1. 


10. 


11. 


使 用 语义 化 版 本 控制 的 软件 “必须 MUST" 定 义 公 共 API。 该 API 可 以 在 代码 中 被 定义 或 出 现 
于 严谨 的 文件 内 。 无 论 何 种 形式 都 应 该 力求 精确 且 完 整 。 


.标准 的 版 本 号 "必须 MUST” 采 用 XYZ 的 格式 ， 其 中 X、Y 和 Z 为 非 负 的 整数 ， 且 “禁止 MUST 


NOT" 在 数字 前 方 补 零 。X 是 主 版 本 号 、Y 是 次 版 本 号 、 而 Z 为 修订 号 。 每 个 元 素 "必须 
MUST” 以 数值 来 递增 。 例 如 : 1.9.1 -> 1.10.0 -> 1.11.0 ° 


.标记 版 本 号 的 软件 发 行 后 ,禁止 MUST NOT" 改 变 该 版 本 软件 的 内 容 。 任 何 修改 都 “必须 


MUST "以 新 版 本 发 行 。 


. MAZAR (0.yz) 的 软件 处 于 开发 初始 阶段 ， 一 切 都 可 能 随时 被 改变 。 这 样 的 公共 


API 不 应 该 被 视 为 稳定 版 。 


. 1.0.0 的 版 本 号 用 于 界定 公共 API 的 形成 。 这 一 版 本 之 后 所 有 的 版 本 号 更 新 都 基于 公共 


API 及 其 修改 内 容 。 


.修订 号 Z (xyZ |x>0) “必须 MUST” 在 只 做 了 向 下 兼容 的 修正 时 才 递 增 。 这 里 的 修正 指 的 


是 针对 不 正确 结果 而 进行 的 内 部 修改 。 


， 次 版 本 号 Y (xYz| x» 0)“ 必 须 MUST" 在 有 向 下 兼容 的 新 功能 出 现时 递增 。 在 任何 公共 


API 的 功能 被 标记 为 弃 用 时 也 "必须 MUST? 递 增 。 也 “可 以 MAY" 在 内 部 程序 有 大 量 新 功能 引 
改进 被 加 入 时 递增 ， 其 中 “可 以 MAY" 和 包括 修订 级 别 的 改变 。 每 当 次 版 本 号 递增 时 ， 修 订 
号 "必须 MUST" 归 零 。 


. EMASX (Xyz|X>0) “必须 MUST" 在 有 任何 不 兼容 的 修改 被 加 入 公共 API 时 递增 。 其 


中 “可 以 MAY” 包 括 次 版 本 号 及 修订 级 别 的 改变 。 每 当主 版 本 号 递增 时 ， 次 版 本 号 和 修订 
a 号 “必须 MUST” ja o 


， 先 行 版 本 号 “可 以 MAY” 被 标注 在 修订 版 之 后 ， 先 加 上 一 个 连接 号 再 加 上 一 连 事 以 句点 分 隔 


的 标识 符号 来 修饰 。 标 识 符号 “必须 MUST" 由 ASCII 码 的 英 数字 和 连接 号 [0-9A-Za-z-] 组 
成 ， 且 “禁止 MUST NOT" 留 白 。 数 字 型 的 标识 符号 “禁止 MUST NOTE ASR o AATA 
的 优先 级 低 于 相关 联 的 标准 版 本 。 被 标 上 先行 版 本 号 则 表示 这 个 版 本 并 非 稳 定 而 且 可 能 
无 法 达到 兼容 的 需求 。 范 例 : 1.0.0-alpha、1.0.0-alpha.1、1.0.0-0.3.7、1.0.0- 
X.7.Z.92。 
版 本 编译 信息 "可 以 MAY" 被 标注 在 修订 版 或 先行 版 本 号 之 后 ， 先 加 上 一 个 加 号 再 加 上 一 连 
串 以 句点 分 隔 的 标识 符号 来 修饰 。 标 识 符号 "必须 MUST" 由 ASCII 的 英 数 字 和 连接 号 [0-9A- 
Za-z-] 组 成 ， 且 “禁止 MUST NOT" 留 白 。 当 判断 版 本 的 优先 层级 时 ， 版 本 编译 信息 “可 
SHOULD”" 被 忽略 。 因 此 当 两 个 版 本 只 有 在 版 本 编译 信息 有 差别 时 ， 属 于 相同 的 优先 层 
级 。 范 例 : 1.0.0-alpha+001、1.0.0+20130313144700、 1.0.0-beta+exp.sha.5114f85 。 
版 本 的 优先 层级 指 的 是 不 同 版 本 在 排序 时 如 何 比 较 。 判 断 优 先 层级 时 ，" 必 须 MUST” 把 版 
St ee Od esp 直行 比较 (版 本 编译 信息 不 
在 这 份 比较 的 列表 中 ) 。 由 左 到 右 依 序 比较 每 个 标识 符号 ， 第 一 个 差异 值 用 来 决定 优先 
层级 : 主 版 本 号 、 次 版 本 号 及 修订 号 以 数值 比较 ， 例 如 1.0.0 < 2.0.0 < 2.1.0 < 2.1.1。 当 
主 版 本 号 、 次 版 本 号 及 修订 号 都 相同 时 ， 改 以 优先 层级 比较 低 的 先行 版 本 号 决定 。 例 


如 : 1.0.0-alpha < 1.0.0。 有 相同 主 版 本 号 、 次 版 本 号 及 修订 号 的 两 个 先行 版 本 号 ， 其 优 
先 层级 “必须 MUST" 透 过 由 左 到 右 的 每 个 被 句点 分 隔 的 标识 符号 来 比较 ， 直 到 找到 一 个 差 
HARRE : 只 有 数字 的 标识 符号 以 数值 高 低 比 较 ， 有 字母 或 连接 号 时 则 逐 字 以 ASCII 的 
排序 来 比较 。 数 字 的 标识 符号 比 非 数 字 的 标识 符号 优先 层级 低 。 若 开头 的 标识 符号 都 相 
同时 ， 栏 位 比较 多 的 先行 版 本 号 优先 层级 比较 高 。 范 例 : 1.0.0-alpha < 1.0.0-alpha.1 < 
1.0.0-alpha.beta < 1.0.0-beta < 1.0.0-beta.2 < 1.0.0-beta.11 < 1.0.0- rc.1 < 1.0.0 ° 


为 什么 要 使 用 语义 化 的 版 本 控制 ? 


这 并 不 是 一 个 新 的 或 者 革命 性 的 想法 。 实 际 上 ， 你 可 能 已 经 在 做 一 些 近 似 的 事情 了 。 问 题 在 
于 只 是 “近似 "还 不 够 。 如 果 没 有 某 个 正式 的 规范 可 循 ， 版 本 号 对 于 依赖 的 管理 并 无 实质 意义 。 
将 上 述 的 想法 命名 并 给 予 清楚 的 定义 ， 让 你 对 软件 使 用 者 传达 意向 变 得 容易 。 一 旦 这 些 意向 
变 得 清楚 ， 弹 性 (但 又 不 会 太 弹 性 ) 的 依赖 规范 就 能 达成 。 


举 个 简单 的 例子 就 可 以 展示 语义 化 的 版 本 控制 如 何 让 依赖 地 狱 成 为 过 去 。 假 设 有 个 名 为 “救火 
车 "的 函 式 库 ， 它 需要 另 一 个 名 为 “梯子 ”并 已 经 有 使 用 语义 化 版 本 控制 的 套件 。 当 救火 车 创建 
时 ， 梯 子 的 版 本 号 为 3.1.0。 因 为 救火 车 使 用 了 一 些 版 本 3.1.0 所 新 增 的 功能 ， 你 可 以 放心 地 
指定 相依 于 梯子 的 版 本 号 大 等 于 3.1.0 但 小 于 4.0.0。 这 样 ， 当 梯子 版 本 3.1.1 和 3.2.0 发 布 时 ， 
你 可 以 将 直接 它们 纳入 你 的 套件 管理 系统 ， 因 为 它们 能 与 原 有 相依 的 软件 兼容 。 


作为 一 位 负责 任 的 开发 者 ， 你 理 当 确保 每 次 套件 升级 的 运作 与 版 本 号 的 表述 一 致 。 现 实 世界 
是 复杂 的 ， 我 们 除了 提高 警觉 外 能 做 的 不 多 。 你 所 能 做 的 就 是 让 语义 化 的 版 本 控制 为 你 提供 
一 个 健全 的 方式 来 发 行 以 及 升级 套件 ， 而 无 需 推出 新 的 相依 套件 ， 节 省 你 的 时 间 及 烦恼 。 


如 果 你 对 此 认同 ， 希 望 立即 开始 使 用 语义 化 版 本 控制 ， 你 只 需 声 明 你 的 函 式 库 正 在 使 用 它 并 
遵循 这 些 规则 就 可 以 了 。 请 在 你 的 README 文件 中 保留 此 页 连结 ， 让 别人 也 知道 这 些 规则 并 


e Semantic Versioning 2.0.0 


全 kn 

m % Fe 

说 到 命名 规范 ， 个 人 认为 包含 了 目录 ， 文 件 以 及 变量 的 命名 。 提 前 先 说 一 句 ， 命 名 规则 没有 
谁 对 谁 错 ， 在 项 目 中 保持 一 致 才 是 关键 。 


混乱 或 错误 的 命名 不 仅 让 我 们 对 代码 难以 理解 ， 更 糟糕 的 是 ， 会 误导 我 们 的 思维 ， 寻 致 对 代 
码 的 理解 完全 错误 。 相 反 ， 良 好 的 命名 ， 则 可 以 让 我 们 的 代码 非常 容易 读 懂 ， 也 能 向 读者 正 
确 表 达 事 物 以 及 逻辑 的 本 质 ， 从 而 使 得 代码 的 可 维护 性 就 大 大 增强 ， 读 命名 好 的 文章 是 非常 
流畅 的 ， 会 有 一 种 享受 的 感觉 。 


H K 


8 T Windows, OSX 下 文件 名 不 区 分 大 小 写 (linux 是 区 分 的 )， 所 以 命名 我 们 建议 还 是 以 全 部 小 
写 为 主 ， 个 人 习惯 连 字 符 使 用 - PRIA o Heke: my-project-name 


项 目 中 的 子 目 录 一 般 按 照 作 用 ， 使 用 常用 单词 表示 ， 有 复数 的 情况 ， 使 用 复数 命名 法 ， 比 如: 
scripts , styles , images fe data-modules 
文件 


文件 的 命名 我 个 人 也 是 推荐 使 用 - 中 划 线 进行 连接 。 和 目录 的 连接 字符 保持 一 致 。 但 是 linux 
系统 文件 推荐 的 文件 命名 一 般 是 下 划 线 。 


变量 命名 有 两 种 方式 : 


e 下划线 命名 法 : my variable 
e 驼峰 式 命名 法 : myVariale 


当然 不 同 语言 也 是 有 不 同 的 规范 ， 网 上 也 有 很 多 大 公司 的 命名 规范 可 以 参考 。 


JavaScript 


变量 推荐 驼峰 式 命名 法 


CSS 


推荐 使 用 中 划 线 进行 连接 ，CSS 语法 本 身 就 使 用 连 字号 作为 连接 (比如 font- 
family ， text-align 等 ) 。 


E 


em 
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良好 的 命名 ， 以 及 良好 的 命名 习惯 ， 由 于 我 们 总 是 对 每 个 概念 的 名 称 要 求 非常 苛刻 ， 我 们 会 
思考 这 个 名 称 所 表达 的 概念 是 否 正确 ， 该 名 称 是 否 正 确 表 达 了 事物 的 本 质 或 正确 反映 了 某 -14 
行为 的 逻辑 。 所 以 ， 这 种 对 命名 的 良好 思考 习惯 ， 可 以 反 过 来 帮助 我 们 纠正 之 前 的 一 些 错误 
设计 和 代码 实现 ; 比如 ， 你 之 前 有 一 个 地 方 可 能 命名 不 太 准 确 ， 然 后 你 发 现 后 面 有 另 一 个 地 
方 需要 用 这 个 名 字 ， 且 更 合理 。 所 以 你 会 发 现 这 个 名 字 对 前 面 的 地 方 就 不 适合 了 ， 从 而 你 会 
circ pU uuu Hd RT S AUR REND dde 
的 。 这 种 就 是 名 字 可 以 促使 你 思考 你 的 设计 是 否 正 确 的 例子 


参考 资料 


e 对 代码 命名 的 一 点 思考 和 理解 
e linux 文件 名 命名 规则 


书写 文档 


一 个 程序 员 ， 最 基本 的 是 需要 写 代 码 ， 代 码 之 中 其 实 就 包含 了 注释 。 如 果 是 一 个 系统 或 者 库 
文件 ， 其 实 还 需要 书写 文档 以 配合 。 本 文 就 交大 家 如 何 书写 文档 。 


github 如 何 管理 文档 


讨论 一 下 我 们 如 何 使 用 Github Page 服务 运行 Github 帮助 文档 (目前 每 月 有 上 百 万 的 访问 
量 ) 的 。 


以 前 的 流程 


e 用 于 托管 维护 网 站 、 管 理 网 站 所 用 资源 和 文档 搜索 增强 的 Rails 应 用 程序 
e 用 户 托管 由 一 大 堆 Markdown 文件 组 成 的 网 站 具体 内 容 


我 们 正常 的 撰写 流程 可 能 是 这 个 样子 的 : 


e 当 有 新 特征 开发 出 来 的 时 候 文档 团队 首先 编写 好 文档 内 容 

e 创建 一 个 新 的 issue 去 追踪 这 个 特征 

e 当 文 档 更 新 完毕 一 切 就 绪 之 后 ， 我 们 会 发 起 一 个 pull request 去 迭代 更 新 文档 内 容 。 

e PR 发 起 成 功 后 ， 我 们 会 使 用 @ 方式 提醒 团队 (上 比如 @github/docs ) 并 会 让 队友 们 审查 
一 下 我 们 的 内 容 。 

当 这 个 特征 开发 完毕 已 经 上 线 的 时 候 ， 我 们 会 合并 之 前 创建 的 PR。 使 用 webhook 能 够 

帮助 我 们 在 内 容 仓库 快速 激活 我 们 部 署 的 Rails 应 用 程序 。webhook 承担 了 负责 更 新 数 

据 库 的 任务 


新 的 流程 
当 Jekyll 2.0 发 布 的 时 候 ， 我 们 看 到 了 电光， 是 时 候 该 把 我 们 这 套 该 死 的 流程 换 成 纯 静 态 站 


了 | 特别 是 新 增加 的 Collections 文档 类 型 能 让 你 endi 需要 的 文件 结构 。 另 外 ，Jekyll 2.0 还 
增加 了 Sass 和 CoffeeScript 的 支持 ， 这 将 使 得 编写 前 端 代 码 变 的 更 为 简单 便捷 。 


参考 资料 


e Github 是 如 何 用 Github 撰写 Github 文档 的 
e markdown + git 最 适合 程序 员 的 wiki 系统 


e gollum: github 的 文档 系统 。 


JT 28 RAL 
参考 资料 


e Choosealicense 


目录 结构 


不 管 大 型 还 是 小 型 项 目 ， 清 晰 的 目录 结构 是 开发 过 程 的 好 的 开始 。 以 我 常用 的 web 项 目 为 例 ， 
搭建 一 下 目录 结构 . 


GK 
(E 


I— src 
I— js 
I— main.js 
I— plugins.js 
L— vendor 
L— modernizr-2.8.3.min.js 
m~ css 
L— main.css 
— img 
-一 favicon.ico 
— humans.txt 
-一 index.html 
L— 404.html 
— apple-touch-icon.png 
m browserconfig. xml 
— crossdomain.xml 
— robots.txt 
L^ tile-wide.png 
— tile.png 
m ESE 
r— file content.js 
—— file existence.js 
-一 dist 
— 404.html 
— LICENSE.txt 
— apple-touch-icon.png 
m browserconfig. xml 
— crossdomain.xml 
I— css 
I— main.css 
L— normalize.css 
-一 favicon.ico 
— humans.txt 
— img 
p^ index.html 
I— js 
I— main.js 
I— plugins.js 
L— vendor 
I— jquery-1.11.2.min.js 
L— modernizr-2.8.3.min.js 
— robots.txt 
— tile-wide.png 





— tile.png 
CHANGELOG. md 
CONTRIBUTING. md 
m LICENSE.txt 

m README. md 

-一 gulpfile.js 





— package.json 


目录 结构 清晰 是 首要 目标 ， 至 于 命名 只 要 能 达到 表意 的 目的 即 可 。 


src 


此 目录 专注 于 开发 ， 存 放 的 都 是 源 文 件 ， 不 需要 压缩 合并 。 目 录 下 主要 分 为 : 


e css(styles): 样式 文件 

e js(scripts): 脚本 文件 

e img(images): 图 片 素材 

e font(fonts): 存放 字体 

e 其 他 : 按照 分 类 不 同 划 分 目录 


文件 名 上 面 ， 简 写 的 话 都 使 用 单数 形式 ， 全 称 的 话 使 用 复数 形式 。 


dist 


此 目录 为 编译 生成 目录 ， 用 于 部 署 环境 ， 目 录 结 构 和 src 保 持 一 致 。 


test 


此 目录 为 测试 目录 ， 存 放 和 项 目测 试 相 关 的 文件 。 


doc 


如 果 存 在 文档 说 明 ， 放 置 在 此 目录 下 。 


其 他 根 目 录 文 件 


根 目录 下 的 其 他 文件 ， 一 般 还 有 : 


e .editorconfig: 代码 样式 统一 格式 文件 
e .jscsrc: 

e travis.yml: 

e jshintrc: jshint 配 置 文件 

e csscomb.json: csscomb 配 置 文件 

e .gitignore: git 忽 略 文件 

e .gitattributes: git 属 性 文件 

e .bowerrc 


e bower.json 
e package.json 
e gruntfile.js/gulpfile.js 


e Baidu EFE team 
e Baidu EFE team: spec 
e HTML5-boilerplate 


正则 表达 式 


正则 表达 式 ， 年 一 看 以 为 是 很 高 升 的 东西 ， 但 是 对 于 程序 员 而 言 ， 
知识 。 我 们 在 很 多 场合 下 都 需要 使 用 到 它 ， 这 个 技术 又 是 一 个 比较 
序 员 而 言 ， 是 大 有 益处 的 。 


维基 百科 : 正则 表达 式 

MDN: Regular Expressions 

stackoverflow: regular expression info 

Hacker News: Learn regular expressions in about 55 minutes 
正则 表达 式 30 分 钟 入 门 

Learn regular expressions in about 55 minutes 
regex one: 学 习 资 料 

在 线 验 证 工具 ， 中 文 版 

Regex 101: 在 线 验 证 学 习 

Regexper: 可 视 化 正则 表达 式 

regex-tuesday: some challenges 

Regex Crossword: play to learn Regex 
JavaScript Regular Expression Cheatsheet 


m 23st xX 
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程序 员 的 自我 修养 


平凡 之 路 


名 字 起 得 文艺 了 一 点 ， 主 要 是 想 表达 程序 员 的 职业 提升 之 路 。 


e 学 编程 为 什么 这 么 难 ? 每 个 新 手 绝 对 要 知道 的 那些 事 
e 程序 员 技 术 练 级 攻略 

e 非 编程 天 才 参 与 开源 项 目的 14 种 方式 

e 【搬运 】 谷 歌 公司 推荐 的 程序 员 必 修 课 

e 网 匈 云 课堂 :最 全 面 、 权 威 的 计算 机 专业 体系 

e 专访 Livid : 不 仅仅 是 V 站 站 长 

e 程序 员 高 手 和 菜 乌 的 区 别 征 什么 ? 

e AGE : 计算 机 专业 学 习 浅 谈 


平凡 之 路 
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数据 结构 与 算法 
参考 资料 


e How to: What are the lesser known but useful data structures? 
e 浅 谈 程序 优化 


HE Fo IR 


编程 语言 书籍 中 经 常 解 释 值 类 型 被 创建 在 栈 上 ， 引 用 类 型 被 创建 在 堆 上 ， 但 是 并 没有 本 质 上 
解释 这 堆 和 栈 是 什么 。 


e 什么 是 堆 和 栈 ， 它 们 在 哪儿 ? 


o 你 应 该 知道 的 浮 点 数 基础 知识 


XML 和 JSON 


e XML 和 JSON 


算法 学 习 之 路 


e 我 的 算法 学 习 之 路 


排序 算法 


e [直观 学 习 排 序 算 法 ] 视觉 直观 感受 若干 常用 排序 算法 


代码 架构 
参考 资料 


。 软件 设计 杂谈 


设计 模式 


设计 模式 。 


BR eR RTT HK 


常用 的 Javascript 设 计 模 式 


e 常用 的 Javascript 设 计 模 式 


面向 对 象 程序 设计 


e SOLID: 面向 对 象 设计 的 头 5 大 原则 


继承 


继承 从 代码 复 用 的 角度 来 说 ， 特 别 好 用 ， 也 特别 容易 被 滥用 和 被 错 用 。 不 恰当 地 使 用 继承 导 
致 的 最 大 的 一 个 特征 就 是 高 耦合 。 在 这 里 我 要 补充 一 点 ， 耦 合 是 一 个 特征 ， 虽 然 大 部 分 情况 
是 缺陷 的 特征 ， 但 是 当 耦 合成 为 需求 的 时 候 ， 耦 合 就 不 是 缺 隐 了。 耦合 成 为 需求 的 例子 在 后 
面 会 提 到 。 


E 


Cx 
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， 代 码 复 用 也 是 分 类 别 的 ， 如 果 当 初 只 是 出 于 代码 复 用 的 目的 而 不 区 分 类 别 和 场景 ， 就 
AnaAizbsa. 我 们 应 当 考 虑 以 上 3 点 要 素 看 是 否 符合 ， 才 能 决定 是 否 使 用 继承 。 就 目 
前 大 多 数 的 开发 任务 来 看 ， 继 承 出 现 的 场景 不 多 ， 主 要 还 是 代码 复 用 的 场景 比较 多 ， 然 而 通 
过 组 合 去 进行 代码 复 用 显得 要 比 继承 麻烦 一 些 ， 因 为 组 合 要 求 你 有 更 强 的 抽象 能 力 ， 继 承 则 
比较 符合 直觉 。 然 而 从 未 来 可 能 产生 的 需求 变化 和 维护 成 本 来 看 ， 使 用 组 合 其 实 是 很 值得 
的 。 另 外 ， 当 你 发 现 你 的 继承 超过 2 层 的 时 候 ， eee 个 继承 的 方案 了 ， 第 三 

层 继承 正 是 滥用 的 开端 。 确 定 有 必要 之 后 ， 再 进行 更 多 层次 的 继承 。 


参考 资料 


e 跳出 面向 对 象 思想 (一 ) 继承 


rm 
总 结 
多 态 在 面向 对 象 程序 中 的 应 用 相当 广泛 ， 只 要 有 继承 的 地 方 ， 或 多 或 少 都 会 用 到 多 态 。 然 而 
多 态 比 起 继承 来 ， 更 容易 被 不 明 不 白地 使 用 ， M a 顺 其 自然 。 在 客户 程序 员 这 
边 ， 一 般 是 只 要 多 态 是 可 行 方案 的 一 种 ， 到 最 后 大 部 分 都 会 采用 多 态 的 方案 来 解决 问题 。 


然而 多 态 正如 它 名 字 中 所 暗示 的 ， 它 有 非常 大 的 潜在 可 能 引入 不 属于 对 象 初衷 的 逻辑 ， 巨 大 
的 灵活 性 也 导致 客户 程序 员 在 面 对 问题 的 时 候 不 太 愿意 采用 其 他 相对 更 优 的 方案 ， 比 如 IOP 。 
在 决定 是 否 采 用 多 态 时 ， 我 们 要 有 一 个 清晰 的 角色 概念 ， 做 好 角色 细 分 ， 不 要 角色 混乱 。 该 
是 拦截 器 的 ， 就 给 他 制定 一 个 拦截 器 接口 ， 由 另 一 个 对 象 (人 逻辑 上 的 另 一 个 对 象 ， 当 然 也 可 
以 是 自己 ) 去 实现 接口 里 的 方法 集 。 不 要 让 一 个 对 象 在 逻辑 上 既是 拦截 器 又 是 业务 模块 。 这 
样 才 方便 未 来 的 维护 。 另 外 也 要 注意 被 覆 重 方法 的 作用 ， 如 果 只 是 单纯 为 了 提供 父 类 所 需要 
的 中 间 数 据 的 ， 一 律 都 用 IOP， 这 是 比 直接 采用 多 态 更 优 的 方案 。 


IOP 能 够 带 来 的 好 处 当然 不 止 文中 写 到 的 这 些 ， 它 在 其 他 场合 也 有 非常 好 的 应 用 ， 它 最 主要 的 
好 处 就 在 于 分 离 了 定义 和 实现 ， 并 且 能 够 带 来 更 高 的 灵活 性 ， 灵 活 到 既 可 以 对 语言 过 高 的 自 

由 度 有 一 个 限制 ， 也 可 以 灵活 到 允许 同一 接口 的 不 同 实现 能 够 合理 地 组 合 。 在 架构 设计 方面 
是 个 非常 重要 的 思想 。 


参考 资料 


e 跳出 面向 对 象 思想 (二 ) 多 态 


面向 接口 编程 


IOP ° 


程序 员 的 自我 修养 


代码 评审 
参考 资料 


e 6 Ways to Quantify Your Code—and Why You Need to Do It 


e 让 Code Review 成 为 一 种 习惯 
e 代码 审查 过 程 


代码 评审 
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六 种 量化 你 代码 的 方式 
本 文 为 译文 ， 译 者 为 Leo Hui( 我 自己 1 )。 

Businesspeople dig numbers. They don't necessarily want to hear that you got something do 
J = 


商人 关注 的 是 量化 ， 他 们 想 从 你 哪里 通道 你 做 了 什么 ， 带 来 了 什么 价值 ， 而 不 是 你 做 了 多 
d o 








Some professionals have it easy when it comes to quantifying their job performance. Sales 
E — Ji 


教授 可 以 轻松 地 量化 出 他 们 的 工作 ， 销 售 人 员 可 以 计算 出 他 们 的 收益 。 其 他 的 领域 也 可 以 通 
过 一 些 方式 算出 他 们 的 贡献 。 





For software developers and some other technology-based roles, however, quantifying your 
a] Å B 


但 是 从 事 软件 开发 以 及 技术 相关 的 人 员 ， 量 化 工作 确实 一 个 困难 的 事情 。 量 化 这 件 事 情 ， 不 
是 在 求职 ， 更 是 一 个 技术 人 员 生 涯 的 一 部 分 。 绩 效 评估 ， 有 效 的 了 解 沟 通 ， 高 效 的 和 非 技 术 
人 员 合 作 ， 确 保 你 再 团队 或 组 织 中 的 价值 。 





So how do you measure the value of the applications you build, scale, monitor, test, and 
E — 


但 是 我 们 要 如 何 量化 工作 中 的 价值 呢 ? 这 里 有 一 些 New Relic 推 荐 的 做 法 : 





" 


“I like to see work accomplishments described in terms of situation, action and results, 
jap 39 


New Relic 的 技术 招聘 人 员 这 样 说 : "我 喜欢 看 到 用 情况 ， 行 动 和 结果 去 描述 工作 成 果 ， 技术 
人 员 需 要 解决 的 问题 是 什么 ? 采用 什么 样 的 行动 去 解决 和 提升 这 个 问题 。" 





What does that look like in the real world? Try asking yourself some pointed questions: D 


E H 





现实 世界 中 是 怎样 的 呢 ? 你 试 着 问 自己 一 些 关键 的 问题 : 你 有 在 更 新 你 的 代码 的 时 候 去 监控 
和 测试 .这 就 是 量化 的 目标 。 如 果 你 在 日 程 表 前 六 周 就 完成 了 一 个 app， 你 肯定 会 去 炫 汐 一 
下 。 但 是 你 有 考虑 公司 的 战略 目标 吗 ， 如 果 没 有 ， 请 思考 一 下 。... 


If this exercise feels unnatural to you, you're not alone-many programmers often aren't b 








你 是 不 是 感受 到 一 些 不 同 的 感觉 ， 这 不 是 你 一 个 人 的 问题 ， 技 术 人 员 的 通病 。 如 果 技 术 人 员 
做 好 了 量化 这 一 块 ， 那 么 他 们 也 许 就 去 从 事 销 售 了 。 所 以 ， 让 我 们 考虑 六 种 去 量化 你 代码 以 
及 工作 的 方式 : 


Think in percentages 

Get involved with open source projects 
Measure progress, not just products 
Keep a work journal 

Communicate in two languages 


Collect recommendations 


e 6 Ways to Quantify Your Code—and Why You Need to Do It 


程序 员 必 备 的 代码 审查 (Code Review) 清单 


在 我 们 关于 高 效 代码 审查 的 博文 中 ， 我 们 建议 使 用 一 个 检查 清单 。 在 代码 审查 中 ， 检 查 清单 
是 一 个 非常 好 的 工具 一 一 它们 保证 了 审查 可 以 在 你 的 团队 中 始终 如 一 的 进行 。 它 们 也 是 一 种 
保证 常见 问题 能 够 被 发 现 并 被 解决 的 便利 方式 。 


软件 工程 学 院 的 研究 表明 ， 程 序 员 们 会 犯 15-20 种 常见 的 错误 。 所 以 ， 通 过 把 这 些 错误 加 入 到 
检查 清单 当中 ， 你 可 以 确保 不 论 什 么 时 候 ， 只 要 这 些 错误 发 生 了 ， 你 就 能 发 现 它们 ， 并 且 可 
以 帮助 你 杜绝 这 些 错误 。 


为 了 帮助 你 开始 创建 一 个 清单 ， 这 里 列 出 了 一 型 的 内 容 : 代码 审查 清单 。 


E 


规 项 


e 代码 能 够 工作 么 ? 它 有 没有 实现 预期 的 功能 ， 逻 辑 是 否 正 确 等 。 

e 所 有 的 代码 是 否 简单 易 懂 ? 

© 代码 符合 你 所 遵循 的 编程 规范 么 ? 这 通常 包括 大 括号 的 位 置 ， 变 量 名 和 函数 名 ， 行 的 长 
度 ， 缩 进 ， 格 式 和 注释 。 

e 是 否 存在 多 余 的 或 是 重复 的 代码 ? 

e 代码 是 否 尽 可 能 的 模块 化 了 ? 

e 是 否 有 可 以 被 替换 的 全 局 变量 ? 

e 是 否 有 被 注释 掉 的 代码 ? 

e 循环 是 否 设置 了 长 度 和 正确 的 终止 条 件 ? 

e 是 否 有 可 以 被 库 函 数 替代 的 代码 ? 

e 是 否 有 可 以 删除 的 日 志 或 调试 代码 ? 


安全 


e 所 有 的 数据 输入 是 否 都 进行 了 检查 (检测 正确 的 类 型 ， 长 度 ， 格 式 和 范围 ) 并 且 进 
编码 ? 

e 在 哪里 使 用 了 第 三 方 工具 ， 返 回 的 错误 是 否 被 捕获 ? 

o 输出 的 值 是 否 进 行 了 检查 并 且 编 码 ? 

© 无 效 的 参数 值 是 否 能 够 处 理 ? 


文档 


e 是 否 有 注释 ， 并 且 描述 了 代码 的 意图 ? 


。 所 有 的 函数 都 有 注释 吗 ? 

。 对 非常 规 行为 和 边界 情况 处 理 是 否 有 描述 ? 

。 第 三 方 库 的 使 用 和 函数 是 否 有 文档 ? 

e 数据 结构 和 计量 单位 是 否 进行 了 解释 ? 

。 是 否 有 未 完成 的 代码 2 如 果 是 的 话 ， 是 不 是 应 该 移 除 ， 或 者 用 合适 的 标记 进行 标记 比 
如 TODO’? 


© 代码 是 否 可 以 测试 ? 比如， 不 要 添加 太 多 的 或 是 隐藏 的 依赖 关系 ， 不 能 够 初始 化 对 象 ， 
测试 框架 可 以 使 用 方法 等 。 

e 是 否 存 在 测试 ， 它 们 是 否 可 以 被 理解 ? 比如 ， 至 少 达 到 你 满意 的 代码 覆盖 (code 
coverage) ° 

e 单元 测试 是 否 丨 正 的 测试 了 代码 是 否 可 以 完成 预期 的 功能 ? 

e 是 否 检查 了 数组 的 “越界 “错误 ? 

e 是 否 有 可 以 被 已 经 存在 的 API 所 替代 的 测试 代码 ? 


WD 7 


EA: 


C 


你 同样 需要 把 特定 语言 中 有 可 能 引起 错误 的 问题 添加 到 清单 中 。 


这 个 清单 故意 没有 详尽 的 列 出 所 有 可 能 会 发 生 的 错误 。 你 不 希望 你 的 清单 是 这 样 的 ， 太 长 了 
以 至 于 从 来 没 人 会 去 用 它 。 仅 仅 包 含 常见 的 问题 会 比较 好 。 


优化 你 的 清单 


把 使 用 清单 作为 你 的 起 点 ， 针 对 特定 的 使 用 案例 ， 你 需要 对 其 进行 优化 。 一 个 比较 棒 的 方式 
就 是 让 你 的 团队 记录 下 那些 在 代码 审查 过 程 中 临时 发 现 的 问题 ， 有 了 这 些 数据 ， 你 就 能 够 确 
定 你 的 团队 第 犯 的 错误 ， 然 后 你 就 可 以 量 身 定制 一 个 审查 清单 。 确 保 你 删除 了 那些 没有 出 现 
过 的 错误 。《〈 你 也 可 以 保留 那些 出 现 概率 很 小 ， 但 是 非常 关键 的 项 目 ， 比 如 安全 相关 的 问 
EH) e 


得 到 认可 并 且 保 持 更 新 


基本 规则 是 ， 清 单 上 的 任何 条 目 都 必须 明确 ， 而 且 ， 如 果 可 能 的 话 ， 对 于 一 些 条 目 你 可 以 对 
其 进行 二 元 判定 。 这 样 可 以 防止 判断 的 不 一 致 。 和 你 的 团队 分 享 这 份 清单 并 且 让 他 们 认同 你 
清单 的 内 容 是 个 好 主意 。 同 样 的 ， 要 定期 检查 你 的 清单 ， 以 确保 各 条 目 仍 然 是 有 意义 的 。 


有 了 一 个 好 的 清单 ， 可 以 提高 你 在 代码 审查 过 程 中 发 现 的 缺陷 个 数 。 这 可 以 帮助 你 提高 代码 
标准 ， 避 兔 质量 参差 不 齐 的 代码 审查 。 


e 程序 员 必 备 的 代码 审查 〈Code Review) 清单 


AWS B 2r 


AWS(amazon web service), 是 Amazon 推 出 的 一 套 云 计算 服务 ，2014 年 进入 中 国 ， 建 立 亚 六 
数据 中 心 。 但 是 国内 账号 和 全 球 账 号 是 独立 的 ， 这 一 点 需要 明白 。 新 用 户 绑 定 信用 卡 ， 即 可 
获得 一 年 的 免费 使 用 权 。 


注册 


注册 国际 版 本 的 ， 需 要 一 张 信 用 卡 ， 我 用 还 需要 有 一 个 手机 验证 的 步骤 ， 我 
db d ， 借 了 同事 的 联通 号 码 ， 然 后 验证 通过 了 。 我 不 确定 是 否 是 运营 商 的 问 
， 或 者 是 我 的 手机 号 注册 过 AWS 的 服务 。。。 


验证 完成 之 后 ， 我 们 就 可 以 选择 basic 模 式 ， 开 始 免费 之 旅 。 


服务 介绍 


S3 


S3 是 Simple Storage Service 的 简称 9 第 一 次 使 用 需要 创建 一 个 bucket ,就 相 当 于 一 个 存储 空 
间 ， 这 个 命名 需要 唯一 。 然 后 上 传 文件 到 此 目录 即 可 。 


如 果 我 们 要 使 用 S3 部 署 静态 网 站 的 话 ， 我 们 还 需要 进行 一 些 设 置 ， 记 住 一 点 ， 创 建 的 bucket 
要 和 域名 一 致 : 


e 在 S3 上 创建 一 个 bucket ， 会 根据 命名 获得 一 个 sS3 对 应 的 访问 域名 ， 比 如 命名 
为 legacydemo.com 会 生成 legacydemo.com.s3-website-us-west-2.amazonaws.com 
e 右 击 新 创建 的 bucket ， 在 属性 中 ， 开 局 静态 部 署 ， 设 置 index Document 和 Error 
Document ° 
e 到 域名 注册 商 那里 ， 在 DNS Records 中 添加 一 条 cNAME ,指向 S3 给 我 们 提供 的 域名 
。 等 待 域名 更 新 ， 访 问 自己 的 域名 


参考 资料 


e amazon web services: 官网 
e 中 文官 网 
e AWS Documentation 


网 络 知 识 


e EMC: 网 络 基本 功 系列 


HTTPS, SPDY 和 HTTP/2' 性 能 的 简单 对 比 


Firefox 35 这 周 发 布 了 ， 成 为 第 一 个 默认 开局 支持 HTTP/2 协 议 的 浏览 器 。Chrome 也 支持 了 ， 
只 是 以 SPDY 4 的 名 义 ， 并 且 要 自己 在 about://flags 里 面 手动 开启 。 


不 过 HTTP/2 规 范 还 没有 最 终 完 成 ， 所 以 Firefox 实 际 上 支持 的 是 HTTP/2 第 14 版 草案 ， 这 个 版 
本 的 草案 离 最 终 发 布 可 能 不 会 有 大 改动 了 。Google 现 在 在 其 服务 器 上 同时 支持 了 HTTP/2 的 第 
14 草 案 和 SPDY 协 议 ， 这 就 给 我 们 了 一 个 基于 同一 个 网 页 来 对 比 HTTPS, SPDY 和 HTTP/2 的 
性 能 的 机 会 。 


HttpWatch 也 更 新 了 ， 从 而 可 以 在 Firefox 里 面 监控 HTTP/2 了 ， 它 现在 有 一 列 专门 显示 每 个 请 
求 所 使 用 的 协议 了 : 


性 能 对 比 


这 组 性 能 测试 是 使 用 Firefox 和 HttpWatch， 测 试 页 面 为 Google 英 国 首 页 ， 使 用 了 三 种 协议 : 


。 原始 的 HTTPS 
e SPDY/3.1 
e HTTP/2 


每 次 测试 都 是 基于 空 缓 存 的 。 所 以 即便 这 个 测试 很 简单 并 且 只 基于 一 个 网 站 ， 但 其 结果 还 是 
具有 代表 性 的 。 


DRH : 请 求 和 响应 报头 的 大 小 


大 部 分 网 站 在 下 载 文本 内 容 的 时 候 已 经 启用 了 压缩 (Gzip)， 因 为 它 可 以 提供 很 明显 的 性 能 优 
势 。 但 是 很 不 幸 ，HTTP/1.1 不 支持 压缩 每 个 请 求 和 相应 的 HTTP 报 头 。SPDY 和 后 来 的 
HTTP/2 旨 在 使 用 不 同 的 压缩 类 型 来 弥补 这 个 短 板 。 


SPDY 使 用 普通 的 DEFLATE 算法 而 HTTP/2 使 用 专门 为 压缩 报头 而 设计 的 HPACK 算 法 。 它 使 
用 预定 义 的 token、 动 态 表 以 及 哈 夫 曼 压 缩 。 


从 一 个 空 请 求 也 可 以 看 到 生成 的 报头 大 小 的 不 同 。 在 Google 英 国 首 页 有 返回 空 内 容 的 信 标 请 
求 (204 返 回 码 ) » P NUOVE ，'Sent' 列 显示 请 求 报头 的 大 小 ，'Received' 列 显示 
响应 报头 的 大 小 : 


胜出 : HTTP/2 的 报头 大 小 还 是 很 明显 的 ， 看 来 HPACK 确 实 不 错 。 


测试 #2 : 响应 信息 大 小 
响应 信息 包括 响应 报头 和 编码 过 的 响应 内 容 。HTTP/2 提 供 了 最 小 的 报头 ， 那 么 它 会 否 给 到 最 
小 的 响应 信息 ? 


原因 在 于 可 被 添加 到 HTTP/2 数 据 帧 的 可 选 填充 字 节 。HttpWatch 现 在 并 不 能 显示 填充 ， 但 是 
在 debug log 里 面 可 以 看 到 Google 服 务 器 向 文本 内 容 的 数据 帧 中 添加 了 填充 。HTTP/2 规 范 给 
到 的 使 用 填充 的 理由 是 : 填充 可 以 用 来 混淆 帧 内 容 的 实际 大 小 ， 而 且 减 少 HTTP 中 的 特殊 攻 
击 。 例 如 ， 压 缩 的 内 容 包 含 攻击 者 控制 的 明文 和 秘密 数据 的 攻击 ( 见 [BREACH]). 


填充 不 会 用 于 图 片 文件 ， 因 为 它 已 经 是 压缩 过 的 格式 了 ， 并 不 包含 攻击 者 控制 的 纯 文本 。 
胜出 : SPDY 


COOMERA ee E KNE ERATE 了 填充 。 尽 管 ，HTTP/2 产 生 了 
比 SPDY 大 的 响应 信息 ， 它 的 加 密 连 接 可 能 会 更 安全 。 这 可 能 会 是 安全 和 性 能 权衡 折衷 的 一 个 
地 方 。 


CP 连接 数 和 SSL 握 手 请 求 时 间 
通过 将 每 个 域名 的 最 大 并 发 连接 数 从 2 个 提升 到 6 个 甚至 更 多 ， 浏 览 器 在 HTTP/1.1 实 现 了 明显 
的 性 能 提升 。 增 加 并 发 使 得 网 络 带宽 可 以 更 有 效 的 利用 ， 因 为 它 减 少 了 请 求 块 。 


SPDY 和 HTTP/2 通 过 复 用 单个 连接 来 允许 多 个 请 求 一 次 发 送 和 接收 数据 来 支持 在 一 个 TCP 和 
SSL 连 接 中 的 并 发 。 


增加 了 ‘Connect 和 ‘SSL Handshake’ lRJ/& > SPDY : 
胜出 : 共同 胜出 : SPDY & HTTP/2. 


在 SPDY 和 HTTP/2 中 增加 的 复 用 支持 减少 了 下 载 页 面 时 不 得 不 设置 的 网 络 连接 的 数量 。 作 为 
附加 好 处 ， 当 HTTP/2 使 用 的 更 加 广泛 时 ， 网 络 服务 器 不 用 再 不 得 不 维护 太 多 的 活动 TCP 连 接 
了 o 


测试 #4 : 页 面 加 载 时 间 

HttpWatch 中 的 'Page Load' 时 间 显 示 页 面 被 完全 下 载 并 可 用 的 时 间 。 大 部 分 情况 下 ， 这 是 合理 
的 网 页 速度 的 衡量 数据 。 

胜出 : HTTP/2 


原生 的 HTTPS 的 加 载 时 间 最 长 的 原因 可 能 是 缺乏 报头 压缩 和 额外 的 TCP 连 接 和 SSL 握 手 请 
求 。 对 于 更 复杂 的 页 面 来 说 ，SPDY 和 HTTP/2 的 优势 可 能 会 更 加 明显 。 


我 们 也 发 现 HTTP/2 通 常 比 SPDY 要 快 ， 尽 管 它 的 响应 信息 通常 更 大 。 这 个 优势 可 能 是 因为 
HPACK 压 缩减 少 的 更 小 的 GET 请 求 信息 。 我 们 的 网 络 连 接 ， 和 许多 人 一 样 ， 是 非 对 称 的 一 一 
网 络 上 传 速度 比 下 载 速度 小 很 多 。 这 意味 着 任何 节省 的 上 传 数据 比 节省 的 等 量 的 下 载 数 据 更 
有 价值 。 


HTTP/2 看 起 来 能 提供 明显 的 性 能 优势 ，。 然 而 ， 响 应 信息 中 填充 的 使 用 会 是 一 个 潜在 的 关于 
性 能 和 安全 的 权衡 点 。 


参考 资料 


e A Simple Performance Comparison of HTTPS, SPDY and HTTP/2 
如 何 防止 网 站 被 电信 运营 劫持 弹 广 告 

Hypertext Transfer Protocol version 2 

e SPDY 

Http Watch 


程序 员 的 自我 修养 


HTTP 状 态 码 
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设计 相关 


e envato: 世界 上 最 酷 的 设计 师 社 区 。 

e Tuts+: 应 有 尽 有 。 

e smashingmagazine: 海纳百川 。 

e ihemeforest: Website Templates and Themes. 
e inspiretrends 

e dribbble 

e canva: design school 

e beautifulpixels 


e codepen 

e css deck 

e TheCodePlayer: Learn HTML5, CSS3, Javascript and more... 
e codrops: 很 多 效果 的 代码 示例 。 

e css winner: 各 种 站 点 欣赏 。 


工具 


e InVision: 设计 作品 标注 ， 分 享 站 点 。 


xu T 


电脑 的 桌面 背景 设置 中 就 有 一 个 平 铺 的 选项 ， 它 能 使 得 图 片 无 限 重复 ， 充 满 整个 屏幕 。CSS 
的 背景 设置 也 可 以 如 此 。 那 么 这 个 是 怎么 制作 的 呢 ? 


e 这 个 节点 的 背景 纹理 图 片 是 怎么 做 出 来 的 ? 


e subtlepatterns 


Sketch £ 4 


e Sketch 3 视频 教程 专辑 
e 优酷 上 的 专辑 
e Sketch 完全 自学 资源 合集 


设计 与 实现 的 平衡 


dribbble 上 又 一 堆 视觉 设计 高 大 上 的 东西 ， 但 可 能 大 部 分 人 都 无 法 实现 ， 可 见 设计 与 实现 还 是 
有 一 定 的 距离 ， 如 何 缩小 这 一 部 分 呢 ? 


参考 资料 


o 视觉 设计 师 是 怎样 让 前 端 工程 是 10096 实现 设计 效果 的 ? 


写 点 东西 


程序 员 能 把 逻辑 梳理 出 来 ， 是 男 一 大 技能 | 


使 用 gitbook 


之 前 整理 的 习惯 是 使 用 Evernote， 其 实 主要 做 的 是 收录 (输入 ) 的 功能 ， 东 西 多 了 ， 就 难以 
消化 掉 (处 理 ) ， 以 至 于 没有 总 结 (输出 ) 。Markdown 格 式 是 我 很 喜欢 的 一 种 书写 格式 ， 我 
觉得 特别 适合 程序 员 ， 配 合 gitbook， 就 能 达到 写 书 的 效果 。 

Version 1.X.X 

gitbook 刚 推出 的 时 候 ， 我 就 在 使 用 ， 这 个 时 候 的 版 本 都 是 1.X 系 列 。 安 装 方式 是 : 


npm install -g gitbook 


目录 结构 上 ， 只 要 有 README.md 和 SUMMARY.md PPT ° 
使 用 方式 : 


gitbook build 


即 可 完成 编译 。 


Version 2.x.x 


最 近 再 看 gitbook 的 时 候 ， 发 现 它 已 经 推出 了 2.Xx 系 列 ， 安 装 方式 也 变化 了 。 需 要 先 删除 之 前 1.X 
系列 版 本 ， 再 安装 : 


npm install -g gitbook-cli 


editor 


关于 editor， 其 实 有 两 种 选择 : 


egitbook 站 点 上 edit， 线 上 编辑 
e 下 载 editor， 本 地 编辑 


线 上 编辑 


先 说 说 线 上 编辑 ， 毕 竟 我 刚刚 使 用 了 下 ， 就 是 Web 版 本 的 应 用 。 有 一 点 特别 的 好 处 是 可 以 绑 定 
github repo， 编 辑 直接 保存 在 github 上 。 省 去 了 本 地 编辑 ， 再 push 的 过 程 。 


但 是 我 也 发 现 了 一 点 点 不 方便 的 地 方 ， 就 是 无 法 上 传 整个 目录 文件 ， 必 须 一 个 一 个 上 传 ， 且 
无 法 设置 目录 。。。 很 蛋 疫 。 


本 地 编辑 


就 是 一 个 本 地 软件 ， 可 以 本 地 编辑 ， 应 该 是 通过 图 形 化 性 质 整合 命令 行 ， 包 含 了 build 功 能 。 
1.x 版 本 刚 推 出 的 时 候 ， 在 window 平 台 下 体验 过 ， 会 有 再 次 打开 丢失 项 目的 情况 ， 每 次 都 要 重 
新 打开 项 目 ， 很 麻烦 。 但 是 新 版 应 该 有 所 改善 。 


Markdown 插 件 ， 产 生 预 览 。 最 后 通过 git 提 交 到 远程 。 


目录 结构 


官方 的 格式 说 明 ，Format。 必 须 的 文件 是 README.md 和 SUMMARY.md ° 


使 用 方法 
init 
gitbook init ,根据 suMMARY.md 生成 目录 。 


build 


gitbook build ， 生 成 books 目录 。 


serve 


gitbook serve , 开启 本 地 预览 。 


参考 资料 


e Gitbook 主 页 

e Gitbook Help 

e Version 2.0759] 
e github: GitbooklO 


程序 员 的 自我 修养 


e gitbook editor 


使 用 gitbook 


60 


PM 


项 目 经 理 / 产 品 经 理 ， 我 觉得 程序 员 在 做 任何 一 个 项 目的 时 候 ， 理 应 把 自己 设想 为 一 个 PM, 对 
自己 的 项 目 负责 。 技 术 人 员 本 身 需要 对 产品 有 深入 的 理解 。 除 此 之 外 ， 产 品 能 力 在 做 开源 软 


参考 资料 


e 专 为 程序 员 设 计 的 产品 课程 [技术 人 的 产品 修炼 之 路 」 全集 


一 个 好 的 产品 经 理 


e 如 何 做 一 位 与 工程 团队 合作 良好 的 产品 经 理 
e MacTalk: 最 可 怕 的 产品 经 理 


产品 经 理 的 技能 


e MacTalk: 产品 经 理 最 重要 的 能 力 


队 合 作 


除了 独立 开发 者 ， 大 部 分 技术 人 员 还 是 要 进行 团队 合作 的 。 

可 惜 程序 员 大 多 数 都 喜欢 单打 独 斗 ， 不 管 难 易 如 何 ， 全 部 都 要 自己 拿 下 。 

一 个 好 的 程序 员 ， 不 单单 关注 的 是 程序 本 身 ， 还 应 该 关注 到 整个 团队 ， 帮 助 大 家 协同 合作 ， 
减轻 自己 的 压力 ， 也 提高 了 团队 的 效率 。 


关于 招聘 


摘 技 术 的 ， 不 缺 千 里 马 ， 却 的 是 伯乐 。 


我 们 要 强大 自己 的 团队 ， 就 需要 招聘 到 对 的 人 : 技术 和 思想 都 一 致 的 人 。 


招聘 原则 


STAR 原则 


所 谓 STAR 原 则 ， 即 Situation (情景 ) ^ Task (任务 ) ` Action (行动 ) 和 Result (结果 ) 四 
个 英文 单词 的 首 字 母 组 合 。STAR 原 则 是 结构 化 面试 当中 非常 重要 的 一 个 理论 。 


S 指 的 是 situation, 中 文 含义 是 情景 ， 也 就 是 在 面谈 中 我 们 要 求 应 聘 者 描述 他 在 所 从 事 岗位 期 间 
曾经 做 过 的 某 件 重要 的 且 可 以 当 作 我 们 考评 标准 的 事件 的 所 发 生 的 背景 状况 。 


T 指 的 是 task， 中 文 含义 为 任务 ， 即 是 要 考察 应 聘 者 在 其 背景 环境 中 所 执行 的 任务 与 角色 ， 从 
而 者 察 该 应 聘 者 是 否 做 过 其 描述 的 职位 及 其 是 否 具 备 该 岗位 的 相应 能 力 。 


A 指 的 是 action, 中 文 含义 是 行动 ， 是 考察 应 聘 者 在 其 所 描述 的 任务 当中 所 担任 的 角色 是 如 何 操 
作 与 执行 任务 的 。 


RR 指 的 是 result, 中 文 含义 为 结果 ， 即 该 项 任务 在 行动 后 所 达到 的 效果 ， 通 常 应 聘 者 求职 材料 上 
写 的 都 是 一 些 结果 ， 描 述 自己 做 过 什么 E A 


a de 之 样 的 业绩 ， 做 出 这 样 的 业绩 都 使 用 了 一 
些 什么 样 的 方法 ， 采 取 了 什么 样 的 手段 ， 通 过 这 些 过 程 ， 我 们 可 以 全 面 了 解 该 应 聘 者 的 知 
On 
正 是 帮 有 我 们 解决 上 述 问题 的 。 


e STAR 原则 


程序 员 的 自我 修养 


培训 新 人 
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领导 能 力 


招聘 ， 培 训 ， 下 面 就 是 领导 力 了 。 正 巧 ， 我 最 近 也 做 一 段 时 间 的 leader， 负 责 培训 。 


责任 


作为 一 个 leader， 自 己 也 是 有 上 级 的 。 所 以 应 该 做 到 几 点 : 


合理 的 分 解 ， 分 配 工作 。 
保持 和 上 面 的 良好 沟通 。 
团结 成 员 ， 不 要 偏心 。 

.能 帮 有 团队 成 员 说 话 ， 顶 得 出 去 。 
在 业务 上 能 帮助 成 员 成 长 。 

， 有 胆 放手 让 别人 去 做 。 


oosRONMZ 


对 于 一 个 小 公司 来 说 ， 虽 然 一 开始 可 能 必须 得 靠 管理 者 亲 力 亲 为 ， 但 是 当 业 务 逐 渐 成 型 、 走 
上 正规 之 后 ， 一 定 要 把 团队 成 员 的 能 力 都 锻炼 出 来 。 否 则 公司 的 发 展 可 能 会 受到 限制 ， 因 为 
管理 者 的 精力 有 限 ， 被 日 常 琐事 缠绕 就 无 法 集中 精力 思考 发 展 方向 ， 或 者 是 谋求 外 部 的 合作 
机 会 。 所 以 要 学 会 彻底 的 放权 ， 让 团队 的 成 员 都 忙 起 来 。 在 可 以 承受 的 范围 内 让 大 家 去 犯 
错 ， 去 成 长 ， 去 做 一 线 的 决策 ， 最 终 成 为 能 独当一面 的 人 。 


3A ` 

xr AL n 4. 

程序 员 是 一 个 活 到 老 ， 学 到 老 ， 还 有 三 分 学 不 到 的 职业 。 这 就 无 形 的 要 求 我 们 要 不 断 进 取 ， 
不 断 学 习 。 

既然 学 习 是 一 个 必然 的 过 程 ， 那 么 我 们 就 要 将 这 个 过 程 变 得 高 效 和 有 趣 。 

关于 书籍 的 选择 ， 技 术 方 面 还 是 推荐 英文 资料 ， 因 为 翻译 质量 的 问题 。 你 看 中 文 可 能 10 分 钟 
的 内 容 ， 理 解 却 要 1 小 时 。 而 美文 你 看 需要 30 分 钟 ， 理 解 只 需要 10 分 钟 。 

资源 


这 里 特别 提 及 一 下 技术 学 习 的 一 些 资 源 。 我 个 人 比较 喜欢 书本 的 理论 知识 结合 视频 介绍 的 实 
践 。 自 己 通过 项 目 去 学 习 。 


提高 技术 的 方式 : 
论坛 
e stackoverflow 


e github 
e reddit:Programming 


视频 教程 


e tuts+: 首 推 这 家 ， 资 源 多 ， 质 量 好 ， 不 管 视频 还 有 文字 教程 。 
e Lynda: 同 tuts+， 看 过 几 门 课 ， 很 有 条 理 。 
e Course Hero 


MOOC 


我 一 直上 比较 关注 MOOC 的 发 展 。 个 人 认为 互联 网 是 肯定 会 改变 人 们 学 习 的 方式 的 。 但 是 这 个 
过 程 需要 更 多 时 间 去 完善 。 


发 展现 状 


国内 


网 易 的 网 苑 公开 课 应 该 是 最 早 发 起 的 在 线 教育 。 而 果 完 网 的 MOOC 学 院 是 一 个 较 大 的 MOOC 
课程 社区 。 


其 他 的 一 些 : 莫 课 网 和 极 客 学 院 多 为 带 有 培训 性 质 的 教育 网 站 。 上 且 传 授 内 容 以 计算 机 为 主 。 


国外 


目前 来 说 的 三 大 平台 为 : Coursera, edX 和 Udacity ° 


Coursera 和 edX 的 教育 资源 大 都 是 顶级 大 学 ，Udacity 里 的 课 有 很 多 业界 大 牛 。 从 表面 上 来 
讲 ，Coursera 和 edX 的 课 更 加 偏 理 论 ， 而 Udacity 则 更 加 偏重 技能 传授 。 


参考 资料 


e MOOC 的 核心 是 什么 ? 它 与 普通 的 大 学 公开 课 、 视 频 公 开课 有 什么 本 质 区 别 ? 
* M=X MOOC 网 站 : Coursera 与 Udacity 和 edX 比较 ， 哪 个 更 适合 中 国人 2 你 有 何 经 


验 分 23 


Podcasts 


现在 的 都 市 生活 ， 导 致 我 们 会 有 很 对 的 碎片 时 间 ， 我 们 应 该 重视 这 些 碎 片 时 间 ， 利 用 它们 。 
顺便 提 一 下 我 认为 利用 碎片 时 间 的 三 大 法 宝 : 


4t A X Podcasts 


在 网 络 中 可 下 载 的 片段 ， 可 以 是 视频 ， 音 频 甚 至 是 图 文 资 料 。 实 际 上 我 们 通常 意义 上 讲 的 
podcasts 还 是 音频 ， 主 要 是 革 果 推出 ipod 带 动 了 其 发 展 。 可 以 类 比 FM, 只 不 过 iM 
实时 的 ， 而 是 可 以 下 载 使 用 的 。 


为 什么 使 用 Podcasts 


定制 性 强 ， 收 听 方便 。 这 是 我 们 用 于 替代 FM 的 主要 原因 。 对 于 我 上 面 提 到 的 碎片 时 间 ， 可 以 
很 好 的 利用 起 来 。 


如 何 收听 


分 的 资源 还 是 在 iTunes 上 ， 所 以 我 们 最 好 使 用 iTunes 来 订阅 管理 Podcasts。 在 iTunes 
， 分 门 别 类 也 很 多 ， 根 据 自 己 的 喜好 进行 一 些 订 阅 。 下 载 之 后 ， 我 们 还 可 以 找到 文件 本 
ni ， 将 其 放 到 我 们 的 手机 或 者 mp3 中 使 用 。 


当然 ， 现 在 也 有 很 多 第 三 方 的 app， 我 使 用 的 是 Pocket Casts， 多 平台 兼容 性 较 好 。 
~ ake 

1E 

外 


e TED NRP 
e a16z 
e software engineering radio 


国内 


e 比特 新 声 

e TA% 

e Teahour 

e 好 妹妹 电台 


参考 资料 


e Apple: For Podcasts Fans 
e Wikipedia: Podcast 
e 有 哪些 比较 好 的 播客 app? 


Podcasts 


英 式 音 标 是 20 个 元 音 ， 但 是 美式 好 像 是 24 个 。 网 上 有 一 个 很 好 的 教材 ， 海 伦 教 你 学 音标 。 


美式 音标 (KK 音标 ) 与 英 式 音标 的 区 别 : 国际 音标 &KK 音 标 对 照 表 详细 打印 版 . 


单词 
所 有 的 文章 是 由 句子 组 成 ， 句 子 是 由 单词 组 成 。 了 解 单词 的 含义 是 学 习 的 一 个 重要 过 程 。 我 
喜欢 查看 英 英 解释 ， 在 线 的 词典 有 这 么 几 个 : 


e Dictionary 
e 海 词 
e 同义词 查询 


软件 的 话 ， 全 部 设备 推荐 欧陆 词典 ， 原 因 是 可 扩展 词 库 。 关 于 词典 的 选择 ， 参 考 市 面 上 最 常 
见 的 牛津 高 阶 英 汉 双 解 词 典 ， 朗 文 当 代 高 级 英语 僚 典 和 柯林斯 COBUILD 高 阶 英 汉 双 解 学 习 词 
AATRE? 

语法 

TKI > MUA A BIRD h o 


y= 


运用 


当 学 习 到 了 一 定 的 阶段 ， 应 该 进行 大 量 的 输入 过 程 ， 并 持久 化 。 输 入 的 材料 可 以 是 TED 或 者 
初级 的 外 文书 籍 。 


e 网 易 公 开课 :TED 


学 习 资 料 


教材 方面 ， 我 有 看 过 新 概念 和 赖 世 雄 的 教程 。 推 荐 赖 世 雄 的 教程 ， 从 发 音 到 初级 ， 中 级 ， 高 
级 ， 循 序 渐进 。 

e YEN REA E 

e HA: 外 语 学 习 的 丨 实 方法 及 误区 分 析 

e BER: 人 人 都 能 学 英语 


1 Et =e mA 


能 将 自己 的 想法 融入 到 作品 之 中 ， 去 影响 ， 帮 助 到 他 人 。 是 我 一 直 的 梦想 。 


这 里 摘录 一 份 设计 师 自学 指南 : 

本 文 译 自 国 外 高 质量 问答 社区 Quora， 原 文 作者 Karen X. Cheng， 原 是 微软 Excel 的 项 目 经 
理 ， 后 通过 自学 转型 成 为 设计 师 。 她 讲述 的 自学 过 程 详实 细致 且 条 理 有 序 ， 读 完 会 发 现 与 想 
象 中 的 大 不 一 样 ， e 自学 设计 但 迷茫 不 知道 从 何 入 手 的 童鞋 来 说 ， 可 以 遵循 她 的 步骤 去 
学 习 ， 除 了 规划 得 当 ， 还 能 对 设计 有 一 个 全 局 的 了 解 : ) 


设计 师 完 全 自学 指南 
我 不 是 毕业 于 设计 学 系 ， 但 我 得 到 了 一 份 设计 师 的 工作 。 


我 想 换 工作 ， 成 为 一 位 设计 师 ， 但 我 没有 四 年 和 十 万 元 美金 让 我 回 到 学 校 上 课 ， 所 以 我 决定 
自修 。 起 初 ， 我 相当 怀疑 一 个 人 到 底 能 不 能 靠 着 自修 来 找到 相关 的 工作 。 

答案 是 TV 

我 边 上 班 边 自学 了 六 个 月 的 设计 。 虽 然 我 觉得 还 没准 备 好 ， 但 我 还 是 参加 了 许多 公司 的 面 
试 ， 最 后 我 成 功 在 一 间 很 棒 的 新 创 公 司 Exec 找到 工作 。 

我 知道 我 不 比 许多 专业 科 系 毕业 的 设计 学 生还 要 优秀 ， 但 我 的 能 力 已 足以 将 我 的 工作 做 好 。 
我 会 设计 许多 东西 ， 例 如 网 页 、iPhone 应 用 程序 、 电 子 邮 件 、 社 群 媒体 和 印刷 品 等 。 


一 、 学 会 观察 


新 手 最 容易 犯 的 错误 是 直接 上 手 Photoshop， 要 清楚 学 会 Photoshop 并 不 能 让 你 成 为 设计 师 ， 
就 像 你 买 了 一 套 高 质量 的 画笔 也 不 会 成 为 艺术 家 一 样 ， 从 站 正 的 基础 开始 吧 。 


1， 你 不 需要 挤 在 一 个 画室 里 ， 跟 一 群 艺术 家 一 起 画 裸 女 
2. 你 甚至 不 需要 画 得 非常 好 ， 只 要 掌握 一 点 基础 ， 就 能 画 一 幅 素 描画 
3. 你 只 有 一 件 事 ， 去 学 习 如 何 画 画 ， 我 看 了 很 多 关于 绘画 的 书 ， 这 里 推荐 一 本 最 好 的 : 如 


何在 30 天 内 学 会 画 画 (小 编 找 不 到 中 文 版 ， 倒 是 有 英文 版 PDF 下 载 ) ， 然 后 每 天 花 半 个 
小 时 去 练习 画 画 ， 坚 持 一 个 月 ， 会 有 惊人 的 效果 。 


学 习 平面 设计 理论 


1. A «Picture This》 这 本 书 开 始 学 起 。 本 书 虽 以 童话 《人 小红帽 》 为 例 ， 却 能 教会 你 一 切 平 
面 设 计 的 基础 。 
2， 学 会 运用 项 色 、 排 版 ， 以 及 栅 格 。 若 附近 有 开 班 教 平面 设计 ， 就 去 报名 吧 。 


学 习 使 用 者 经 验 的 基础 
坊间 有 许多 谈论 使 用 者 经 验 的 书 ， 我 推荐 从 这 两 本 开始 : 


e (The Design of Everyday Things) 一 中 文 版 (设计 心理 学 ) PDF 下 载 
e (Don't Make Me Think) — 中 文 版 《不 要 让 我 思考 》PDF 下 载 


学 习 如 何 写 作 


不 要 用 废话 来 充 版 面 。 身 为 一 个 设计 师 ， 你 的 工作 不 只 是 画 出 美美 的 图 片 而 已 ， 你 还 必须 是 
个 优秀 的 沟通 者 。 想 想 你 过 去 的 一 切 经 验 ， 并 且 惯 选 每 一 个 用 字 遗 词 。 记 得 要 AE] > 
而 不 是 像 学校 写 报告 时 拿 来 充 字数 的 连篇 鬼话 。 


1. 读 《Made to Stick) 一 中 文 版 《 粘 住 》PDF 下 载 。 这 是 我 这 华 子 最 爱 的 书 之 一 ， 它 将 教 
会 你 如 何 获得 你 专属 的 死 中 读者 。 
2. [Voice and Tone! 这 个 网 站 充满 了 很 多 很 棒 的 例子 ， 教 你 如 何 与 使 用 者 沟通 。 


学 习 放弃 自己 的 作品 


这 是 最 困难 的 部 份 。 要 作 好 心理 准备 ， 随 时 有 可 能 必须 像 扼 杀 自 己 的 孩子 般 销 毁 自 己 的 作 
品 。 若 能 越 快 做 好 这 样 的 心理 准备 ， 工 作 就 能 越 快 上 手 ， 因 此 若 觉 得 成 品 不 够 好 时 ， 就 随时 
砍 掉 重 练 吧 。 


找到 公正 的 另 一 双眼 : 向 懂 设 计 的 人 询问 看 完 你 作品 后 的 意见 。 若 身边 没有 这 类 朋友 ， 就 去 
参加 设计 师 聚 会 或 相关 活动 上 认识 几 个 吧 ! 

也 要 问 问 不 懂 设 计 的 人 ， 对 你 的 作品 有 什么 看 法 。 让 你 将 来 的 使 用 者 试用 看 看 你 做 的 网 页 或 
应 用 程序 。 不 要 害怕 问 陌 生 人 的 意见 ， 有 一 次 班机 误 点 ， 我 就 利用 这 个 机 会 问 问 航 厦 中 的 其 
他 乘客 对 于 我 设计 中 的 应 用 程序 的 看 法 。 他 们 大 都 乐意 协助 ， 我 也 获得 了 许多 很 棒 的 意见 。 


聆听 


确实 地 聆听 别人 的 意见 ， 而 且 不 要 辩解 。 当 你 问 别人 意见 ， 而 对 方 愿意 花 时 间 和 精力 回答 
时 ， 不 要 用 辩解 来 回报 人 他们。 相反 地 ， ee 
是 否 采 纳 他 们 的 意见 。 


二 、 学 会 使 用 Photoshop 和 Illustrator 


耶 1 现在 你 在 视觉 设计 与 用 户 经 验 上 已 经 有 相当 坚实 的 基础 ， 可 以 朝 下 一 步 到 进 了 。 事 实 
E > RÆ Illustrator 开始 学 ， 接 着 再 去 碰 Photoshop。 设 计 师 通常 使 用 Illustrator 来 制作 
商标 或 图 示 ， 而 InDesign 则 在 制作 传单 或 名 片 等 印刷 品 时 非常 好 用 。 


学 习 使 用 Illustrator 
有 无 数 本 书 跟 网 站 都 在 教 怎么 用 llustrator， 你 可 以 挑 自己 喜欢 的 ， 以 下 是 我 自己 很 喜欢 的 : 


e (Adobe Illustrator Classroom in a Book? : 这 本 书 很 无 聊 ， 但 却 非常 实用 。 
e (Vector Basic Training) : 这 本 书 会 教 你 如 何 用 illustrator 做 出 丨 的 还 变 好 看 的 东西 。 


好 玩 的 来 了 ， 到 以 下 的 免费 学 习 网 站 看 看 你 学 会 了 多 少 吧 ! 这 是 我 最 喜欢 的 两 个 : logo 和 


scenic landscape ° 


学 习 使 用 Photoshop 


网 络 上 有 成 千 上 万 的 教学 网 站 ， 但 很 多 都 很 烂 。 幸 好 ， 还 是 有 不 少 高 质量 的 教学 网 站 ， 例 如 
PSDTuts 就 是 其 一 。 想 学 做 iPhone 应 用 程序 的 话 ， 这 里 有 很 棒 的 教学 ; 想 学 做 网 页 的 话 ， 则 
看 这 个 网 站 。 


若 每 天 挤 出 一 两 个 小 时 来 复习 这 些 教学 课程 ， 你 进步 的 速度 将 会 连 你 自己 都 感到 难以 置信 。 


三 、 学 会 专业 技能 


你 想 设计 的 是 应 用 程序 、 网 页 、 还 是 信息 图 表 ? 我 建议 在 全 部 尝试 过 后 ， 选 择 其 中 你 比较 有 
兴趣 的 领域 去 钻研 学 习 。 


学 习 设 计 商 标 


1， 想 学 会 设计 商标 ， 建 议 读 《Logo Design Love) 一 中 文 版 《超越 LOGO 设 计 》PDF 下 
ü 
2. 若 连 网 站 和 名 片 都 想 一 起 学 会 ， 就 建议 读 《Designing Brand Identity) » 


学 习 设 计 应 用 程序 


1， 从 这 个 教学 课程 开始 学 习 应 用 程序 的 视觉 设计 。 

2. 读 这 本 关于 iPhone 的 书 《Tapworthy》 一 中 文 版 《触动 人 心 : 设计 优秀 的 lphone 应 用 》 
PDF 下 载 ， 它 能 教 你 如 何 作出 美观 又 实用 的 应 用 程序 。 

3， 好 好 研究 你 手机 中 的 应 用 程序 。 你 觉得 哪 边 很 棒 ， 哪 边 又 很 糟 ? 


学 习 设 计 网 页 


1. 7% (Don't Make Me Think》， 学 习 如 何 做 出 好 读 的 网 页 。 

2， 想 做 出 好 看 的 网 页 ， 就 去 读 《The Principles of Beautiful Web Design) ° 

3. 列 出 你 觉得 很 漂亮 的 网 页 ， 并 找 出 他 们 的 共同 点 。Sitelnspire 上 有 很 多 不 错 的 例子 。 难 
题 来 了 : 身 为 设计 师 ， 一 定 要 懂 HTML 或 CSS 吗 ? 我 的 答案 是 ， 依 工作 性 质 而 定 ， 但 若 
懂 这 些 肯 定 对 工作 是 加 分 的 。 网 络 上 有 非常 多 学 习 HTML 和 CSS 的 资源 : 

4. 我 最 喜欢 的 免费 网 站 是 Web Design Tuts 。 

5. 我 最 喜欢 的 付费 网 站 则 是 Treehouse (每 个 月 只 要 25 美元 ) 。 假 如 你 是 从 头 开 始 学 ， 而 
且 希 望 有 人 为 你 详细 解说 一 切 ， 就 去 上 Treehouse 的 教学 课程 吧 。 


T 


四 、 建 立 自己 的 作品 集 


想 成 为 设计 师 ， 你 不 需要 去 过 学 校 上 课 ， 但 你 一 定 需要 一 个 作品 集 。 话 虽 如 此 ， 又 刚 开 始 学 
设计 又 没 读 过 相关 学 系 ， 要 从 哪里 生出 作品 集 来 ? 告诉 你 一 个 好 消息 : 你 不 需要 真 的 处 理 过 
企划 项 目 才能 建立 一 份 作 品 集 ， 你 可 以 列 出 以 下 成 品 : 


你 为 下 恤 所 做 的 疯狂 设计 。 

替 一 个 很 了 于 的 网 站 重新 设计 新 风貌 。 

设计 一 个 iPhone 应 用 程序 。 

参加 设计 比赛 

寻找 当地 的 非 营 利 组 织 ， 提 供 免 费 设计 服务 。 


POD 


另外 记得 : 


1. 不 要 把 每 个 作品 都 放 进 作品 集中 ， 只 要 把 最 好 的 一 些 作品 放 进 来 即 可 。 
2， 找 灵感 : 先 不 必 担 心 原创 的 问题 ， 就 像 刚 学 新 乐器 时 ， 一 定 是 先 学 如 何 演奏 别人 的 歌 
曲 ， 最 后 才学 做 自己 的 歌曲 。 


五 、 找 到 一 份 设 计 师 的 工作 


当 我 刚 开始 学 设计 时 ， 我 曾 去 过 一 个 设计 师 工 作坊 ， 里 面 充 满 了 想 找 工作 的 资深 设计 师 ， 有 
好 几 位 有 过 5、10、 甚 至 15 年 的 工作 经 验 了 。 想 到 必需 跟 他 们 竞争 ， 我 感到 十 分 胆 性 。 然 而 
一 年 后 ， 我 就 成 功 找到 了 一 份 设计 师 的 工作 。 我 认为 我 比 其 他 设计 师 多 了 一 项 关键 优势 : 我 
懂得 如 何 与 软件 开发 人 员 合作 。 


去 学 一 些 交 互 式 设计 ， 或 是 基本 的 HTML 和 CSS 语法 吧 | 科技 业 的 设计 师 (交互 式 装置 、 网 
页 和 应 用 程序 设计 师 等 ) 炙手可热 且 薪 水 很 高 。 假 如 没有 跟 开 发 人 员 合 作 过 的 经 验 ， 可 以 参 
加 Startup Weekend ` Hackathons ° 


最 后 ， 告 诉 你 身边 所 有 人 你 想 成 为 一 位 设计 师 吧 ! 谁 都 有 可 能 会 成 为 帮 你 找到 工作 的 贵人 。 


找到 工作 后 也 要 持续 学 习 


我 已 经 在 Exec 工作 一 年 了 ， 也 从 这 份 工作 中 学 到 许多 。 我 会 去 向 比 我 资深 的 设计 师 学 习 、 去 
找 其 他 设计 课程 ， 像 TutsPlus 都 是 不 错 的 在 线 课程 ， 其 至 翻 遍 书店 中 设计 类 的 书籍 。 还 有 许 
多 东西 是 我 可 以 学 习 以 及 改善 的 。 记 得 要 不 断 麻 练 你 的 技能 ， 并 且 不 停 学 习 。 


ios 开 发 

移动 设备 的 开发 ，ios 比 较 规 范 ， 设 备 的 尺寸 和 性 能 都 比较 直接 。 因 此 想 要 开发 移动 设备 ， 首 
推 还 是 ios。 

Objective-C 


OC 是 开发 ios 的 必 备 基础 。 但 只 要 你 有 过 C/C++， 以 及 一 些 面向 对 瘟 的 基础 ， 学 习 起 来 没有 那 
么 难 。 只 是 语法 和 新 特性 上 需要 花 些 时 间 去 了 解 。 


在 线 教程 : 


e 官方 文档 :Programming With Objective-C 
stanford CS 139P 

e Try Objective-C 

e Cocoa:Learn Objective-c 


e Learn Objective-C 


Ier 


T4: 
e Objective-C 编 程 


e Programming in Objective-C, 4th Edition 
© Objective-C% 4h Zt 42 


Reference: 


e Foundation Framework Reference 
e Introduction to String Programming Guide for Cocoa: Objective-C 字 符 串 的 使 用 。 


看 苹果 的 文档 不 要 从 参考 (Reference) 开 始 看 ， 从 指南 (Guide) 开 始 看 。 一 般 你 看 到 一 个 具体 类 
的 时 候 ， 如 果 有 相关 的 指南 都 会 有 链接 直接 跳 过 去 的 。 


当 对 OC 有 了 了 解 之 后 ， 请 直接 找 一 个 iOS 项 目 开 始 吧 ! CREAR ! 


入 门 ios 开 发 
书籍 


程序 员 的 自我 修养 


e 马上 着 手 开 发 iOS 应 用 程序 (Start Developing iOS Apps Today): 官方 的 Guide ° 

e iOS7 初 学 者 入 门 : 作者 王 寒 ， 国 内 一 位 ijOS 游 戏 开 发 者 ， 自 己 总 结 的 ， 感 觉 不 错 ， 基 础 入 
门 。 

e iOS Programming 

e ios 开 发 从 新 手 到 App Store LR 


在 线 教程 


e 斯坦福 大 学 公开 课 : iOS 7 应 用 开发 (网 匈 公 开课) 

e standford: developing ios 7 apps 

e http://www.raywenderlich.com/ : 很 多 step by step 的 教程 ， 适 合掌 握 一 定 知 识 之 后 跟着 
教程 做 着 玩 。 

e code4app 代 码 库 


论坛 


e V2ex 
e Cocoa China BBS 
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游戏 开发 


在 ios 下 开发 游戏 ， 使 用 原生 API 操 作 的 情况 较 少 ， 多 数 会 借助 于 其 他 框架 。 比 如 Cocos2d 和 
Unity3D 。 


Cocos2d 


cocos2d 最 早 是 专门 为 oc 设 计 的 ， 用 于 ios 的 开发 。 但 随 着 android 设 备 的 崛起 ， 现 在 的 
cocos2d-x 更 加 流行 。cocos2d-x 是 国内 触 控 科 技 主导 的 ， 用 c++ 编写 ， 在 世界 都 具有 很 大 的 影 
响 力 ， 且 cocos2d 的 原作 者 也 已 经 加 入 Cocos2d-x 的 开发 之 中 。 


Cocos2d-Swift 


这 其 实 是 最 早 的 版 本 ， 之 前 名 称 叫 做 cocos2d-iphone 。 使 用 OC 编 写 ， 适 用 于 开发 jos 游戏 。 
配合 SpriteBuilder ， 可 以 方便 快捷 的 开发 游戏 。 


关于 cocos2d-swift 的 教程 不 多 ， 起 码 国 内 的 我 没 找到 什么 。 我 的 建议 也 是 先 去 官方 看 Getting 
Start 和 Cocos2D & SpriteBuilder Developer Guide ° 


但 是 | KA Getting Start 也 没 发 现 我 能 干 哈 ， 我 只 能 参考 How To Make A Simple iPhone 
Game with Cocos2D 3.0 Tutorial 的 教程 开始 我 的 cocos2d 之 旅 。 


参考 资料 


e Cocos2d-swift 

e Cocos2d-x 

e http://www.raywenderlich.com/ : 很 多 step by step 的 教程 ， 适 合掌 握 一 定 知识 之 后 跟着 
教程 做 着 玩 。 

e Learn to make iPhone games!: Cocos2d 官 方 文档 里 推荐 的 一 个 网 站 ， 通 过 例子 学 习 开 
发 。 


关注 健康 


身体 是 革命 的 本 钱 ， 程 序 员 本 来 锻炼 的 少 ， 珍 惜 生 命 。 


e 10 个 危险 信号 你 占 几 条 ? 上 班 族 必 看 ! 
e TALA : 从 疲劳 到 独 死 只 需 6 步 1! 


KT HE BR, 


好 的 身体 ， 好 的 体力 才能 支撑 你 的 行为 ， 才 会 更 加 有 效率 。 


作息 睡眠 
高 质量 的 睡眠 能 带 来 好 的 体力 ， 这 才 是 效率 的 保证 。 


晚上 9-11 点 为 免疫 系统 (淋巴 ) 排毒 时 间 ， 此 段 时 间 应 安静 或 听 音 乐 
晚间 11- 凌 蝴 1 点 ， 肝 的 排毒 ， 需 在 熟睡 中 进行 。 

凌晨 1-3 点 ， 胆 的 排毒 ， 亦 同 。 

凌晨 3-5 点 ， 肺 的 排毒 。 此 即 为 何 咳嗽 的 人 在 这 段 时 间 咳 得 最 剧烈 ， 
因 排 毒 动作 已 走 到 肺 ; 不 应 用 止咳 药 ， 以 免 抑 制 废 积 物 的 排除 。 

凌晨 5-7 点 ， 大 肠 的 排毒 ， 应 上 厕所 排便 。 

早上 7-9 点 ， 小 肠 大 量 吸收 营养 的 时 段 ， 应 吃 早餐 。 

疗 病 者 最 好 早 吃 ， 在 6 点 半 前 ， 养 生 者 在 7 点 半 前 ， 

不 吃 早 餐 者 应 改变 习惯 ， 即 使 拖 到 9、10 点 吃 都 比 不 吃 好 。 


半夜 至 凌晨 4 点 为 春 椎 造血 时 段 ， 必 须 熟 睡 ， 不 宜 效 夜 。 


为 什么 失眠 

我 睡 不 着 的 多 数 情况 是 觉得 有 事情 没有 干 完 ， 比 如 刷新 闻 ， 比 如 想 明 天 干 嘛 等 等 。 

其 实 想 要 入 睡 ， 我 们 需要 放 开 那些 电子 产品 ， 需 要 告诉 大 脑 : 现在 是 休息 的 时 间 。 想 的 再 
多 ， 耽 误 的 还 是 自己 的 睡觉 ， 形 成 的 就 是 恶心 的 循环 。 

Ate fo] AX BR, 

学 会 控制 自己 ， 放 松 自己 。 这 是 我 从 庆 阅 鹏 的 《每 天 用 一 点 神奇 催眠 术 》 中 学 到 的 方法 。 
" 


身体 得 到 休息 的 信号 ， 放 空 大 脑 ， 让 身体 的 各 个 部 位 方式 ， 直 至 大 脑 。 最 近 我 看 到 的 一 种 
说 法 是 眼睛 最 耗费 我 们 的 精力 ， 放 松 眼 睛 ， 身 体 也 能 得 到 很 好 的 休息 。 


枕头 的 选择 
既然 是 为 了 改善 睡眠 ， 睡 个 好 觉 ， 那 么 首先 就 要 看 你 到 底 是 个 什么 情况 : 


1. 睡眠 质量 不 错 : 可 以 试 试 带 回 弹 的 类 型 。 
2. 4$% ERAAI R, 颈椎 可 能 有 问题 ， 试 试 乳胶 B 型 枕 ， 或 者 慢 回 弹 B 型 枕 吧 。 


品牌 的 话 ， 我 推荐 眠 趣 。 


睡眠 时 间 


不 同年 龄 段 ， 所 需 的 睡眠 时 间 也 不 尽 相同 。 美 国 国家 睡眠 基金 会 推荐 的 睡眠 时 间 如 下 图 。 对 
照 一 下 ， 你 的 睡眠 时 间 达 标 了 人 么 ? 


e 0-24- H : 12-18h 

e 3~11 个 月 : 14-15h 

e 1-37 : 12-14h 

e 3-557 : 11-13h 

e 5-107 : 10-11h 

e 10-175 : 8.5-9.25h 
e 成 年 人 : 7~9h 


睡眠 质量 


此 外 ， 也 不 能 追求 睡眠 时 间 的 “数量 ”， 而 忽视 睡眠 质量 。 高 质量 睡眠 的 一 般 特征 是 : 1. 半 小 时 
HA; 2. 整 夜 基本 不 醒 。 


最 佳 睡 眠 时 间 : 晚 10 点 至 早 6 点 。 这 一 点 对 于 IT 业 的 和 创业 初期 的 朋友 来 说 ， 可 能 比较 困难 。 


强身 健 体 


参考 资料 


e. 体质 极 差 的 人 如 何 从 头 开始 恢复 身体 素质 ? 
e 凌晨 3 点 半 不 想 睡 但 又 必须 睡 怎么 办 9? 

e 知 乎 周刊 : Bint RF 

e 获 夜 的 南京 人 ， 你 们 还 能 活 多 久 ? AART! 
e 详解 熬夜 对 人 体 的 各 种 危害 

e 如 何 提 高 睡眠 质量 ? 


程序 员 的 自我 修养 


e 22:00-6:00 Hf if 49 re 2:00-10:00 更 有 利 健康 吗 ? 


关于 睡眠 
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提升 效率 


我 是 个 很 在 意 效 率 的 人 ， 虽 然 可 能 执行 力 不 那 么 强 。 但 是 能 省 的 绝对 不 会 浪费 精力 去 做 。 


这 里 的 效率 也 包含 了 如 何 获取 信息 ， 如 何 与 人 交流 ， 总 之 是 对 个 人 有 益 的 总 结 。 


e 阅读 方法 : 史上 最 全 读书 法 
e 读书 笔记 : 这 样 做 笔记 收获 更 大 


vv? A^ 日 ` 

学 会 提问 

这 是 我 遇 到 的 第 一 个 提升 效率 的 方式 。 

刚 接 触 网 络 和 论坛 的 时 候 ， 我 常常 会 去 问 一 些 浪费 别人 时 间 去 回答 的 问题 ， 比 如 : "如 何 
XXX"， 其 实 这 类 问题 如 果 再 花 几 分 钟 ， 或 者 再 思考 下 都 是 很 容易 得 出 答案 的 问题 。 但 是 互联 
网 给 人 的 就 是 浮躁 ， 很 多 情况 下 我 们 只 学 会 了 伸手 去 索取 。 

一 个 好 的 答案 需要 一 个 好 的 问题 。 学 会 提问 ， 你 会 得 到 更 多 的 信息 。 网 络 上 有 那个 一 篇 文章 


学 会 如 何 提问 。 我 是 没有 读 过 ， 但 是 我 理解 它 的 意思 。 当 你 被 别人 问 了 几 次 基础 或 者 无 脑 的 
问题 ， 你 就 知道 你 希望 得 到 的 提问 是 什么 样 的 。 那 么 你 其 实 也 学 会 了 如 何 提问 。 


e 技术 问答 社区 中 回答 的 艺术 ? 
e 提问 时 最 容易 犯 的 八 个 错 ， 你 中 了 几 枪 ? 


善 用 搜索 


学 会 了 如 何 提问 ， 其 实 已 经 能 把 握 住 问题 的 中 心 ， 也 就 可 以 先 使 用 搜索 去 尝试 解决 问题 。 


搜索 引擎 选择 


通常 我 也 会 根据 具体 的 搜索 内 容 决定 使 用 什么 引擎 ， 比 如 我 要 搜 技术 类 的 问题 ， 肯 定 优先 考 
虑 google。 搜 索 下 载 资源 ， 优 先 考虑 相应 的 下 载 资 源 网 站 。 做 到 缩小 搜索 范围 ， 才 能 让 搜索 
结果 的 质量 得 到 提高 。 

其 实 配 合 上 site 的 用 法 ， 在 google 上 也 能 很 快 锁定 搜索 结果 。 

常用 的 几 个 站 点 : 


e google 

e baidu 

e Duck Duck Go 
e 海盗 湾 

e 天 天 美剧 


e Zit 


it E Chrome i 4 

Chrome 是 我 最 常用 的 浏览 器 ， 大 部 分 搜索 我 都 是 在 它 之 中 完成 的 ， 那 么 如 何 节约 时 间 呢 。 首 
先 了 解 一 个 快捷 键 : command+1 ,快速 定位 到 地 址 栏 。 

其 次 借助 Chrome 的 地 址 栏 搜索 功能 ， 快 速 搜索 。 中 文 版 默认 的 可 能 是 百度 搜索 ， 我 比较 喜欢 


设置 google 搜 索 ， 打 开 setting->Search->Manage search engines ， 修 改 defalut search 为 : 


Google google.com {google:baseURL}search?q=%s&{google:RLZ}{google: originalQueryForSuggest 


一 





如 果 设 置 了 代理 的 ， 可 以 先 访问 google.com/ncr 选 择 为 通用 版 本 。 确 保 访问 到 页 面 是 通用 版 
本 ， 在 地 址 栏 里 搜索 试 试 。 如 果 还 会 自动 转向 到 代理 的 国家 ，Chrome 也 会 提示 你 继续 使 用 还 
是 切换 为 google.com 。 同 时 需要 设置 Setting->Currently showing search results in A 
English, 中 文 (简体 ) » 


如 果 只 选择 结果 为 English, 那 么 挂 上 日 本 的 代理 ， 出 现 的 结果 优先 会 是 日 文 。 


其 他 搜索 设置 


在 Chrome 的 地 址 栏 中 ， 也 可 以 设置 快捷 键 触发 其 他 搜索 ， 在 Setting->Search->Manage search 


engines ， 添加 : 


DDK duckduckgo.com https://duckduckgo.com/?q=%s 


类 似 的 规则 ， 在 地 址 栏 中 输入 duckduckgo 然 后 按 一 下 tab， 就 可 以 选择 自 定义 的 引擎 进行 搜 


搜索 技巧 


直接 给 一 张 图 解释 : 


从 谷歌 搜 获 


Get More Out of Googl 
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HackCollege.com 


程序 员 的 自我 修养 


e Google 语 法 详解 


e 搜索 引擎 有 哪些 常用 技巧 ?了 
e 如 何 用 好 Google 等 搜索 引擎 


ind x 
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ha de] E TE 
关于 写作 ， 我 们 为 什么 要 写作 ， 这 是 一 个 前 提 。 
什么 写作 
无 论 是 否 是 技术 人 员 ， 我 觉得 都 应 该 坚持 家 
只 是 去 想 


是 去 想 ， 貌 似 是 很 简单 。 当 你 去 深 
我 最 大 的 一 点 是 ， 理 清 思 路 。 


: 总 结 ， 因 为 有 些 事情 
3—^35 os 得 写作 能 帮助 到 


关于 其 他 ， 我 也 比较 推荐 刘 未 鹏 的 两 篇 博客 : 


e 为 什么 你 应 该 (从 现在 开始 就 ) 写 博 客 
e 书写 是 为 了 更 好 的 思考 


程序 员 是 理科 出 生 ， 写 文章 是 文科 的 特征 。 但 是 程序 员 养 成 写作 的 习惯 ， 对 编程 也 是 很 用 用 
处 的 ， 比 如 : 


e 写 文 章 和 写 代 码 最 核心 的 共同 之 处 在 于 它们 都 需要 清晰 思考 的 能 力 。 好 代码 与 好 文章 一 
HARE RS i] BU? TARARE CPU 资源 或 人 的 精力 。 
o 软件 工程 师 应 该 写作 因为 现在 开发 协作 变 得 越 来 越 重要 。 不 论 是 GitHub 评论 、 代 码 注 
Mea ea NE 晰 准确 的 文字 。 和 良好 的 写作 能 力 方便 了 人 们 之 间 的 交流 ， 使 
导 项 目 更 好 地 运行 下 去 。 
Mors um 才 程 也 是 有 益 无 害 。 它 帮助 你 理 清 思路 ， 明 确 对 于 某 个 问 
题 的 看 法 ， 加 强 或 削弱 你 的 某 种 观点 。 把 凌乱 的 想法 汇聚 成 精简 的 文字 非常 有 价值 。 


用 什么 写作 


Markdown 是 我 极力 推 党 的 一 种 通用 格式 。 

但 是 目前 存在 多 种 解释 器 ， 导 致 语法 有 些 混乱 ， 但 是 熟悉 标准 的 语法 ， 依 然 能 够 写 好 文章 。 

说 几 点 常用 的 : 

e 删除 线 : 需要 删除 的 内 容 前 后 添加 ~~ o 

e 强制 断 行 : 正常 ， 回 车 后 形成 的 断 行 ， 不 会 被 Markdown 解析 为 断 行 ， 需 要 在 断 行 前 面 
段落 后 加 两 个 空格 或 者 写 入 <br/> 标签 

e 水 平分 割 线 : 三 个 以 上 的 星 号 ， 减 号 ， 或 者 下 划 线 ， 除 了 空格 ， 不 允许 出 现 其 它 符号 。 -- 


=: o 


在 哪里 写作 


小 时 候 我 们 常常 使 用 的 是 笔 和 纸 ， 形 式 多 为 日 记 。 其 实 日 记 并 没有 什么 不 好 ， 但 是 大 多 数 人 
应 该 和 我 应 该 ， 会 把 日 记 写 成 流水 账 ， 没 有 太 大 的 意义 。 


现在 是 互联 网 的 时 代 ， 手 机 和 电脑 可 以 替代 我 们 完成 输入 ， 并 且 记 录 的 形式 也 多 样 化 ， 除 了 
文字 还 可 以 记录 声音 ， 图片 和 视频 。 

如 果 是 个 人 的 记录 ， 我 比较 喜欢 使 用 云 笔记 ， 比 如 印象 笔记 或 者 为 知 笔记 。 设 置 一 个 访问 密 
码 ， 以 防 无 意 被 他 人 阅读 。 


技术 性 的 文章 ， 我 更 喜欢 以 博客 的 形式 去 发 布 ， 一 方面 会 有 知识 积累 的 成 就 感 ， 另 一 方面 也 
可 以 与 他 人 交流 。 博 客 可 以 自己 搭建 ， 比 如 github+jekyll, 或 者 使 用 简 书 这 样 的 web 服 务 。 


参考 文档 


e Markdown 标准 格式 

© 为 什么 软件 工程 师 应 该 养 成 写作 的 习惯 
e You Should Write Blogs 

e 技术 文章 的 写作 技巧 


如 何 翻 墙 


既然 想 学 点 东西 ， 就 不 能 被 网 络 束缚 住 。 国 内 的 网 络 环境 ， 并 不 利于 我 们 成 长 。 


frz 


great firewall, 中 国 特有 的 。 就 是 国家 对 网 络 的 封锁 。 想 要 看 看 外 面 的 世界 ， 就 得 翻 墙 。 


ho 4e] $025; 
翻 墙 的 服务 一 般 都 是 收费 的 ， 免 费 的 除了 goAgent， 其 他 都 不 要 尝试 了 ， 不 然 只 是 在 浪费 生 
命 。 我 比较 提倡 用 钱 能 解决 的 问题 ， 尽 量 还 是 花 些 钱 吧 e 


目前 来 说 ， 我 了 解 的 方式 主要 有 两 种 : VPN 和 Shadowsocks 。 


VPN 


在 公用 网 络 上 建立 专用 网 络 ， 进 行 加 密 通 讯 。 原 理 是 在 一 个 国外 网 络 无 阻 的 机 器 上 与 本 地 机 
器 通信 。 


优点 是 方便 设置 ， 网 络 速 度 稳定 。 


缺点 是 稳定 的 服务 价格 不 便宜 ， 且 本 地 流量 全 部 走 的 是 代理 。 


配合 VPN 实 现 国 内 外 分 流 访 问 
“分 流 ”， 这 个 词 不 知道 说 的 准 不 准确 ， 意 思 就 是 实现 对 不 需要 翻 墙 的 网 站 直接 连接 ， 需 要 翻 墙 
的 网 站 走 VPN 代 理 。 这 样 国内 的 网 站 访问 不 受 影响 ， 又 能 正常 访问 国外 站 点 。 


实现 方式 就 是 修改 系统 的 路 由 表 ， 网 络 上 有 这 样 的 开源 项 目 ， 专 门 收集 国内 被 " 墙 "的 网 站 。 利 
用 这 些 数 据 ， 让 vpn 客户 端 在 进行 连接 的 时 候 自动 执行 


通过 这 些 路 由 脚本 , 可 以 让 用 户 在 使 用 vpn 作为 默认 网 络 网 关 的 时 候 , 不 使 用 vpn 进行 对 中 
内 ip 的 访问 , 从 而 减轻 vpn 的 负担 , 和 增加 访问 国内 网 站 的 速度 . 


Mac 设置 : 


1. 下 载 附件 mac.zip, 并 将 其 中 的 ip-up, ip-down 两 个 文件 放 入 到 /etc/ppp 目 录 中 。 
2， 开 终端 ， 执 行 命令 cd /private/etc/ppp， 进 入 /etc/ppp 目 录 下 。 


3. 在 该 目录 下 执行 sudo chmod a+x ip-up ip-down 
4 好 了 ， 可 以 连接 VPN 试 试 了 。 


Windows X = : 


1. 下 载 附件 windows.zip, 并 将 其 中 的 vpnup.bat, ivpndown.bat 两 个 文件 解压 到 任意 目录 。 

2. 右 击 vpnup.bat， 选 择 以 管理 员 权限 运行 ， 然 后 会 弹出 cmd 窗 口 ， 等 待 运行 完毕 ， 窗 口 会 
自动 关闭 。 (Windows 需 要 每 次 开机 时 执行 一 次 ) 

3. 好 了 ， 可 以 连接 VPN 试 试 了 。 


测试 方式 :连接 VPN 后 ， 可 以 访问 ip.cn 查 看 当前 的 ip, 如 果 显 示 南 京 就 对 了 ， 然 后 再 打开 
youtube.com 看 看 能 否 访 问 。 


一 点 说 明 : ip-down 和 vpndown.bat 是 恢复 路 由 表 的 脚本 。 


goagent 


goagent, 项 目 主页 里 有 详细 的 安装 使 用 指南 。 需 要 你 注册 google 的 GAE 服 务 。 


当然 ， 你 可 以 用 来 当做 教育 网 加 速 ， 或 者 穿 透 公司 内 网 。 我 目前 放 在 SAE 上 用 来 穿 透 公司 http 
代理 。 


使 用 的 过 程 之 后 ， 可 能 会 遇 到 证 书 错误 而 不 受信 任 的 情况 ， 解 决 方式 就 是 导入 证 书 。 详 情 可 
JL: 解决 GoAgent 打 开 https 网 站 SSL 证 书 错误 (安全 证 书 不 受信 任 ) 


Shadowsocks 


shadowsocks 的 出 现 ， 我 觉得 丨 是 一 大 利好 。 它 解决 了 网 络 流量 分 配 的 问题 ， 借 助 代理 插 
件 ， 可 以 方便 的 实现 只 针对 需要 翻 墙 的 网 站 都 代理 访问 。 且 价格 便宜 。 
一 般 情况 下 ， 我 使 用 Chrome 的 插件 : Proxy SwitchySharp。 


shadowsocks 的 服务 ， 如 果 自 己 有 vps 的 话 ， 就 自己 搭建 一 个 ， 分 分 钟 的 事情 ， 自己 搜 搜 教 
程 。 如 果 没 有 的 话 ， 也 可 以 去 买 这样 的 服务 ， 我 用 东 哥 的 SS， 包 年 100， 速 度 很 好 。 


chnroutes 


chnroutes， 此 项 目 通过 修改 路 由 表 ， 解 决 通过 VPN 链 接 网 络 时 的 流量 转向 问题 。 达 到 不 需要 
翻 墙 的 访问 走 正 常 网 络 ， 需 要 翻 墙 的 请 求 走 VPN © 


ChinaDNS 


ChinaDNS, 此 项 目 解决 的 是 DNS 污 染 问 题 ， 我 还 没 摘 明白 。。。 


参考 资料 


e Chnorutes 生 成 的 脚本 下 载 地 址 : 需要 翻 墙 。 


突破 内 网 


Dur 上 外 网 是 需要 通过 代理 的 ， 并 且 对 一 些 娱乐 性 质 的 网 站 进行 了 
。 我 们 的 目标 就 是 要 消除 这 个 现象 ! 


准备 条 件 


e 电脑 一 台 

e 一 个 可 以 上 外 网 的 公司 代理 

e goagent/shadowsocks， 并 且 有 账号 
proxifier: 控制 网 络 请 求 
SwitchOmega: chrome 的 插件 


实现 原理 
普通 的 科学 上 网 上 一 节 已 经 介绍 过 了 ， 一 般 能 直 连 外 网 的 情况 下 都 适用 ， 但 是 在 需要 代理 上 
网 的 环境 下 ， 就 需要 借助 其 他 软件 了 。 

通 环境 下 上 网 的 过 程 是 ; 请 求 ->goagent/shadowsocks-> 访 问 。 


但 是 内 网 代理 环境 下 ， 所 有 需要 访问 外 网 的 请 求 必须 先 经 过 代理 。 由 于 shadowsocks/goagent 
没有 设置 代理 的 选项 (其 实 goagent 有 ， 但 是 不 稳定 )， 那 么 我 们 就 需要 借助 proxifier 类 似 的 工 
具 ， 先 设置 goagent/shadowsocks 走 代理 访问 外 部 ， 再 将 其 他 网 络 请 求 走 
goagent/shadowsocks 创 建 的 本 地 代理 。 这 样 我 们 就 实现 了 穿越 http 代 理 。 


关于 这 个 穿越 http 代 理 ， C ce 就 是 我 们 通过 代理 和 外 界 进行 了 沟通 ， 形 成 了 


一 个 隧道 。 我 们 将 丨 实 的 请 求 通过 这 个 隧道 传递 /接受 ,而 代理 只 看 到 隧道 有 流量 ， 却 不 知道 里 
面具 体 是 什么 


科学 上 网 

科学 上 网 目前 首选 的 工具 是 shadowsocks， 它 可 以 创建 一 个 本 地 的 1080 端 口 的 Socks5 的 代 
理 ， 如 果 设 置 了 允许 局 域 网 访问 ， 还 会 在 本 地 创建 一 个 8123 端 口 的 http 代 理 。 

下 面 我 们 就 要 使 用 Proxifier 这 个 软件 ， 控 制 代 理 规则 。 具 体 的 操作 如 下 : 


e Profile -> Advance -> Http Proxy Servers -> 开局 
e Profile -> Proxifier -> 添加 可 以 访问 外 网 的 代理 


e Profile -> Proxification Rules -> Add 
1. 命名 随意 ， 比 如 ss 


2. 应 用 软件 添加 shadowsocks.exe 
3，action 选 择 第 二 步 添 加 的 可 以 访问 iih q 85 ARIE 
4. 如 果 http 的 代理 不 可 用 ， 可 在 第 二 步 时 ， 添 加 或 追加 一 个 相同 地 址 的 https 代 理 
5， 记 得 把 新 添加 的 放 在 最 上 面 ， 规 则 是 从 上 往 下 执行 的 ， 并 且 保 留 最 后 一 个 defalut, 不 
然 其 他 情况 上 不 了 网 了 。 o 
e Save 


接着 开 居 Shadowsocks， 局 用 系统 代理 (关于 这 个 系统 代理 ， 我 是 将 je 下 面 的 Lan 代 理 选 择 了 
自动 模式 ) 。 
最 后 ， 安 装 chrome 的 插件 SwitchOmega (其 实 就 是 proxySwitchy 的 新 版 本 ) 。 添 加 新 规则 > 


选择 Socket5 代 理 ， 地 址 填写 127.0.0.1, 34 9 1080 。 使 用 新 的 规则 模式 上 网 ， 比 如 twitter com 
进行 一 下 测试 ， 或 者 查看 一 下 ip 地 址 。 


关于 SwitchOmega 这 个 插件 ， 我 推荐 大 家 再 建立 一 个 规则 ， 设 置 为 公司 提供 的 代理 。 并 且 在 
自动 切换 模式 下 ， 将 公司 代理 设置 为 默认 访问 方式 。 这 样 下 来 ， 通 过 chrome 上 网 就 不 存在 障 
碍 了 。 


内 网 加 速 


进行 了 一 番 科 学 上 网 的 设置 后 ， 基 本 所 有 的 网 络 都 是 可 以 上 了 。 缺 点 也 有 ， 就 是 公司 封锁 了 
。 brote ip ， 这些 大 多 的 是 国内 的 网 站 ， M UR 肯定 不 太 好 。 那 么 我 们 还 有 什 
办 法 可 以 让 被 公司 封锁 了 的 国内 应 用 访问 更 加 自如 呢 ? 这 个 想法 我 想 在 国外 的 留学 生 朋 友 
S ur Ta RII T 要 借助 国内 的 服务 器 ， 进 行 一 
下 代理 ， 这 里 我 推荐 一 下 geagent+SAE 的 方法 其 实 还 是 推荐 自己 在 国内 的 vps 上 搭建 一 下 
shadowsocks， 使 用 确实 速度 快 ， 稳 定 。 这 两 点 我 个 人 感觉 比 goagent 好 得 多 。 


说 了 这 么 一 大 推 ， 下 面 实践 一 下 (原理 还 是 和 上 面 一 样 的 ) 。 


goagent+SAE 
必 备 条 件 : 


e SAE 账 号 ， 便 于 创建 应 用 
e goagent 
e proxifier 


步骤 : 


e 在 SAE 上 创建 一 个 应 用 ， 记 住 生 成 的 地 址 (其 实 就 是 your_app_name. sinaapp: com 这 样 的 ) 
e 将 goagent/serve/php 下 目录 文件 打包 上 传 SAE(SAE 应 用 有 上 传代 码 的 菜单 ) 


。 4% #+goagent/local/proxy.ini 
o [gae] -> enable 属 性 -> 由 1 修改 为 0, 关 闭 gae 模 块 
o [pac] -> 如 果 不 需要 切换 的 话 ， 也 是 由 1 修改 为 0 
o [php] -> enable -> 设置 为 1， 表 示 开 局 
o [php] -> fetchserver -> 设置 为 应 用 地 址 ， 就 是 类 似 d 
e 开启 goagent.exe ， 如 果 有 警告 你 需要 使 用 管理 员 权限 运行 ， 而 普通 权限 暂时 也 没 问 题 的 
情况 下 ， 忽 略 那个 警告 吧 。 


开启 之 后 ， 本 地 就 会 有 一 个 8088 端 口 的 http 代 理 ， 这 样 就 可 以 通过 proxifier 或 者 switchOmega 
设置 代理 规则 了 o 


shadowsocks+ 阿 里 云 
必 备 条 件 : 


« 国内 的 vps 
e shadowsocks 客 户 端 : shadowsocks-qt5 
e proxifier 


我 的 国内 代理 搭建 在 阿里 云 上 (ps: 国内 vps 确 实 贵 ， 带 宽 还 小 ) 。 搭 建 的 方式 使 用 的 
是 docker ， 有 具体 操作 可 以 查阅 : 搭建 shadowsocks。 


shadowsocks 的 客户 端 可 以 选择 qt5, 这 样本 地 就 可 以 开 多 个 shadowsocks 客 户 端 了 。 
步骤 : 


e 服务 器 上 搭建 好 shadowsocks 

e 开户 一 个 shadowsocks 客 户 端 ,输入 账号 ， 指 定 本 地 端口 

e proxifier rules 添 加 一 个 规则 ， 和 针对 这 个 shadowsocks 客 户 端 ， 使 其 走 公司 提供 的 外 网 代 
理 

e 浏览 器 或 者 proxifier 可 以 使 用 本 地 端口 的 Socks5 代 理 


这 样 的 话 ， 国 内 访问 速度 就 会 比较 流畅 了 ， 唯 一 的 缺点 就 是 国内 vps 价 格 比较 贵 。 


e goagent 

e shadowsocks 

e proxifier 

e 利用 Proxifier 把 shadowsocks 转 为 全 局 代理 

e 利用 BAE 搭 建 Goagent 代 理 服务 突破 内 网 封锁 

e 利用 Sina App Engine 翻 墙 回国 内 看 优酷 土豆 等 网 络 视频 
e 使 用 Proxifier 解 决 Dropbox 无 法 实时 更 新 问题 


程序 员 的 自我 修养 
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HA 


时 间 就 是 金钱 ， 如 果 能 把 握 时 间 ， 你 就 掌握 了 自己 的 命运 吧 


感受 时 间 
大 学 的 浑 浑 重 由 ， 上 班 之 后 的 混 水 摸 鱼 。 我 们 只 觉得 到 了 时 间 过 的 好 快 ， 但 我 们 丨 的 感受 过 
时 间 吗 ? 所 以 在 谈 管 理 时 间 之 前 ， 我 想 先 感受 下 时 间 。 


你 可 以 停 掉 手 中 的 工作 ， 远 离 电子 设备 ， 远 离 浮躁 的 互联 网 ， 静 静 的 待 上 三 分 钟 。 我 喜欢 用 
打坐 的 方式 去 感受 时 间 ， 放 空 自己 ， 让 自己 清醒 。 我 觉得 只 有 大 脑 清晰 ， 你 才能 高 效 ， 你 才 
能 把 握 时 间 。 


有 人 说 互联 网 的 信息 垃圾 很 多 ， 没 有 营养 ， 我 们 就 是 为 了 吃 饱 ， 才 会 去 吃 更 多 的 垃圾 。 所 以 
何不 换个 方式 ， 试 着 去 体会 呼吸 的 节奏 ， 让 自己 多 吸收 些 营 养 。 


GTD 


GTD € X x "Getting Things Done" 的 缩写 。 是 一 种 高 效 的 管理 时 间 的 方式 。 个 人 感受 就 是 划 
分 任务 ， 把 重要 的 先 去 完成 ， 专 注 一 定 的 时 间 去 处 理 一 些 事情 。 然 后 再 休息 ， 再 继续 专注 ， 
周而复始 。 


通常 每 一 天 ， 最 好 的 方式 是 在 早晨 花 上 一 定 的 时 间 规划 一 天 的 安排 。 


SEM BAK > HARRAH ES HL © 
"uu 


这 里 提 到 音乐 ， 是 因为 有 时 候 我 喜欢 带 上 耳机 ， 隔 绝 外 界 的 环境 。 


兽 乐 类 型 我 比较 推荐 白 噪音 ， 大 自然 的 声音 或 者 雨 声 。 会 很 容易 让 人 安静 ， 专 注 起 来 。 如 果 
你 喜欢 音乐 ， 我 觉得 也 可 以 单 曲 循环 一 首 歌曲 。 记 住 ， 听 歌 不 是 为 了 分 神 ， 而 是 为 了 更 加 专 
| 


知识 管理 


当 你 有 时 间 ， 有 计划 ， 有 效率 的 去 工作 生活 的 时 候 。 你 会 涉及 和 吸取 很 多 的 知识 。 我 不 觉得 
有 人 能 记 住 所 有 的 信息 ， 所 以 对 知识 也 应 该 做 一 些 管理 。 


对 于 知识 ， 我 也 比较 推荐 "IPO" 的 形式 ， 就 是 input->process->output。 摄 入 的 知识 并 不 是 你 的 
收获 ， 而 只 有 output 出 来 的 内 容 才 是 自己 的 。 
Input 


在 网 络 时 代 ， 我 对 知识 的 吸收 主要 通过 Web。 所 以 我 会 通过 微 博 ， 博 客 ， 新 闻 的 形式 收集 信 


微 博 
可 以 建立 不 同 的 分 组 ， 里 面 关 注 对 于 的 账号 。 这 样 每 天 差 翻 阅 翻 阅 ， 就 能 了 解 大 致 的 内 容 。 


RSS 


欢 这 个 已 经 被 google 淘 汰 的 技术 ， 可 以 方便 我 去 订阅 自己 感 兴趣 的 网 站 ， 以 及 个 人 博 
。 目 前 我 使 用 的 客户 端 是 feedly。 


网 络 书签 
在 网 络 上 看 到 好 的 内 容 ， 我 们 需要 去 收藏 。 一 般 情 况 下 只 是 对 书签 进行 保存 。 


保存 的 方式 可 以 放 在 Chrome 的 书签 中 ， 使 用 google 账 号 同步 。 我 个 人 喜欢 第 三 方 工具 ， 比 如 
pinboard， 它 可 以 对 书签 打上 标签 和 描述 ， 方 便 搜 索 。 


process 


output 


文件 管理 


需要 管理 的 文件 ， 通 常 包含 了 一 些 用 来 同步 的 配置 ， 有 用 的 软件 和 照片 等 。 
工具 
BitTorrent Sync 


Bienen v cd Oe ee irae cuu iH Ig e 
盘 ， 且 文件 大 小 不 受 限 制 。 目 前 我 发 现 的 一 个 缺点 是 无 法 设置 忽略 文件 。 这 导致 很 多 隐藏 文 
件 也 会 备份 。。。 


8 ENSE 


这 个 主要 是 网 盘 大 ， 速 度 还 不 错 。 


金山 快 盘 


同步 瘟 ， 主 要 同步 一 些 配置 文件 。 


Dropbox 
KF MAH X dropbox, Z MA NAAR Z PE id 


试 了 一 圈 国 内 的 网 盘 ， 发 自 内 心 感叹 Dropbox 的 牛 X。Dropbox 不 仅 可 以 在 服务 器 上 通过 
客户 端 > 同步 ， 同 时 也 可 以 选择 创建 应 用 同步 ，Dropbox 在 创建 应 用 时 就 可 以 为 自己 生成 


access > token ° 


aE 无 法 支持 的 原因 
BA 文档 无 增 量 接口 
百度 PCS 文档 有 增 量 接口 ， 但 申请 一 周 后 仍 未 有 进展 
Ra 文档 无 增 量 接口 


新 浪 微 盘 文档 有 增 量 接口 ， 但 应 用 的 沙 箱 的 文件 不 出 现 的 用 户 网 盘 中 。 


&A 
(ADA) 


文件 命名 


之 前 在 一 个 padcast 中 听 到 的 方式 ， 文 件 先 按照 设备 去 划分 ， 二 级 目录 使 用 日 期 去 划分 。 这 样 
的 好 处 是 保留 原 片 。 如 果 需 要 share 的 东西 ， 可 以 拷贝 原 片 再 按照 类 别 划 分 。 


文件 保存 


通常 instagram 的 照片 我 通过 IFTTT 保 存 到 了 dropbox 中 。 

手机 的 照片 我 尽量 定期 拷贝 到 电脑 中 。 

单反 的 照片 ， 每 次 使 用 完 都 拷贝 到 电脑 中 ， 然 后 格式 化 相机 的 存储 卡 ， 因 为 相机 的 存储 空间 
还 是 不 太 大 的 ， 不 适合 长 期 保留 文件 。 


原 片 存储 好 之 后 , 一 般 我 会 进行 一 次 筛选 , 删除 一 些 废 片 这 其 实 是 一 项 巨大 的 工作 ， EA 
我 2014 上 半年 的 照片 还 没有 整理 完 。。。 


程序 员 的 自我 修养 
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制作 视频 


既然 我 这 么 喜欢 分 享 ， 图 文 是 一 种 方式 ， 视 频 不 更 直观 咏 。 周 末 抽 个 时 间 学 习 一 下 如 何 制作 
视频 ， 特 别 是 能 吸引 人 的 视频 。 


与 众 不 同 


授 人 以 鱼 不 如 授 人 以 渔 ， 如 果 要 教育 好 别人 ， 是 蔡 他 人 开发 心智 ， 让 他 人 学 会 自我 学 习 ， 不 
断 提 升 。 前 几 天 我 也 看 到 @iBuick 说 到 ，" 我 对 OS X 图 书 的 看 法 ， 早 年 间 ， 特 别 热衷 各 种 技 
巧 介绍 ， 各 种 defaults write 觉得 了 不 起 。 后 来 觉得 重要 的 在 应 用 层面 ， 各 种 App 走 起 。 现 在 
觉得 ， 写 操作 系统 本 身 的 书 最 重要 ， 你 把 这 0 a 全 读者 讲 明 白 了 ， 他 们 看 完 书 以 
后 会 自己 动手 解决 问题 了 ， 才 是 最 重要 的 。 


我 个 人 也 很 看 好 在 线 教育 的 发 展 ， 在 线 教育 要 的 是 研究 ， 优 化 ， 抽 离 ， 信 息 化 教学 习惯 和 流 
程 。 


保持 课程 的 与 时 俱 进 ， 让 你 的 课程 与 众 不 同 。 
课程 大 纲 


确定 了 录制 的 方向 ， 就 要 确定 内 容 大 纲 。 关 于 大 纲 ， 我 觉得 是 做 任何 事 都 需要 的 一 个 思维 习 
惯 ， 很 有 效率 的 一 件 事 。 


大 纲 的 要 素 


5 Sl Ot 4k 
mo 


以 做 什么 


。 学 习 周期 与 频率 
。 具体 课程 与 章节 


课程 以 一 个 向 导 系列 的 课程 ， 可 以 将 很 多 内 容 拆 分 为 小 课程 ， 每 个 章节 对 应 的 课程 时 间 应 该 
也 把 握 在 25min 以 内 。 利 用 好 零碎 的 时 间 ， 现 在 的 人 都 比较 浮躁 。 


麦子 网 的 备课 录 课 的 比例 ， 大 约 是 3:1。 所 以 录制 出 一 小 时 的 视频 ， 其 实 是 需要 花费 3-5 小 时 
的 。 


LIA f Hi] 85 ALE 


视频 分 类 
视频 可 分 为 三 大 类 : 


e 软件 操作 的 课程 ， 主 要 是 电脑 的 界面 录制 
e 硬件 操作 的 课程 ， 主 要 录制 的 是 操作 台 
e 非 技术 类 的 课程 ， 主 要 是 录制 人 ， 以 及 后 期 的 剪辑 


操作 系统 的 分 类 


e windows 
e MacOS 
e Linux 


ALIA 27-399 X 


F A 1024x768, IL = if. A 1280x720, 1280x800 ° 


录制 环境 


o 电脑 的 选择 

e ARM: 主要 测试 一 下 噪音 等 问题 

e 分 贝 增强 的 设置 : 最 好 不 要 设置 ， e 声 

e 录制 的 背景 音 : 最 好 在 按键 的 环境 下 ， 避 免 噶 杂 的 背景 音 。 
e 准备 手写 板 : 电子 白板 。 

e 录 屏 软件 : 不 同 的 操作 系统 软件 不 同 。 


录制 的 时 长 
互联 网 的 时 代 是 碎片 时 间 ， 最 好 是 5-25min， 方 便 他 人 利用 零碎 时 间 观 看 。 
视频 之 间 的 起 承 转 合 

e 视频 开始 的 时 候 要 说 一 下 subject 


o 视频 结束 要 布置 homework 
e 课程 资料 以 及 demo 等 需要 和 视频 一 一 对 应 


备课 工具 和 形式 


e PPT 是 一 种 方式 ， 但 是 需要 和 演示 的 内 容 经 常 切换 。 

e 云 笔 记 之 类 的 随时 敲打 也 是 一 种 方式 。 

。 思维 导 图 : 这 是 一 种 很 好 的 方式 ， 能 够 清晰 的 梳理 好 我 们 的 知识 点 和 思路 。 包 括 够 花 一 些 
草图 也 很 方便 。Mindjet 是 一 款 很 好 的 思维 导 图 软件 ， 各 平台 在 都 有 。 操 作 确实 很 漂亮 ， 
但 是 收费 也 很 高 。 

e 绘画 笔 或 者 电子 白板 : 直接 在 屏幕 上 进行 一 些 标注 。Mac 的 电子 白板 不 是 很 多 ， 选 择 的 时 


候 需 要 注意 。 


录 屏 软件 的 使 用 
Windows F 


Mac OST 


推荐 使 用 ScreenFlow。 这 个 软件 的 使 用 过 程 ， 需 要 注意 的 是 音量 的 设置 ， 以 及 背景 环境 音 。 
录制 完成 即 可 预览 。 


这 个 软件 录制 完成 ， 会 自动 将 音频 和 视频 分 开 。 


压缩 软件 的 话 ， 推 荐 使 用 HandBrake。 记 得 义 选 web optimized 选 项 。 


Linux F 


后 期 的 处 理 


e 如 何 删除 内 容 ， 将 录制 出 错 的 地 方 删 掉 。 

e 裁剪 区 域 : 选择 合适 的 播放 内 容 范 围 。 比 如 可 以 截取 除去 顶部 菜单 ， 或 者 底部 内 容 的 区 
域 。 

e 音频 的 控制 ， 调 制 音频 的 大 小 ， 使 得 清晰 。 

e. 导出 的 格式 : 适合 web 的 ， 比 如 H.264 的 MP4 格 式 。 

© 视频 压缩 : 投放 到 网 页 或 者 与 人 分 享 的 时 候 ， 文 件 较 小 一 些 便于 传输 。 


录 课 的 技巧 


e 需要 注意 的 是 ， 录 课 和 现实 的 讲课 是 有 区 别 的 。 现 实 的 课堂 是 有 学 员 的 ， 录 制 课程 可 以 
假象 有 一 堆 学 员 ， 保 持 积 极 的 态度 。 


e 形成 自己 的 风格 ， 养 成 自己 的 习惯 。 有 清晰 的 思路 ， 有 合适 的 Homework， 方 便 考 察 。 
e 线 上 的 标注 ， 使 用 电子 笔 进行 标注 可 以 更 清晰 。 

e 养 成 课程 的 竞争 优势 ， 讲 解 出 与 众 不 同 ， 有 特点 ， 更 专业 的 内 容 。 

e 音频 的 深入 ， 可 以 使 用 专业 的 录制 设备 。 

e 可 以 使 用 专业 的 剪辑 和 后 期 。 


参考 资料 


e 麦子 学 院 : 如 何 录制 好 在 线 视频 


程序 员 的 自我 修养 
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论 音乐 对 效率 的 影响 


我 相信 很 多 人 都 有 在 学 习 或 者 工作 的 时 候 听 音乐 的 习惯 。 那 么 音乐 对 我 们 有 帮助 吗 ? 应 该 是 
有 的 ， 起 码 我 知道 胎教 的 时 候 应 该 多 听 听 十 典 音 乐 。 


白 噪音 


最 初 的 时 候 ， 我 是 杂食 ， 很 喜欢 在 学 习 的 时 候 听 流 行 音乐 。 不 自觉 的 就 会 被 曲子 ， 或 者 歌词 
带 入 到 另外 一 个 世界 里 。 工 作 之 后 ， 有 时 候 办 公 环 境 很 噶 杂 ， 也 会 把 你 的 思绪 打 乱 。 所 以 我 
又 必要 找 一 种 能 让 你 迅速 进入 状态 的 音乐 ， 其 实 也 就 是 培养 一 种 习惯 ， 条 件 反射 而 已 。 


应 该 是 今年 (2014) 上 半年 的 时 候 ， 我 看 到 了 一 些 国 外 的 应 用 ， 有 一 些 专门 利用 环境 音乐 的 
app， 比 如 雨 声 ， 雷 声 ， 鸟 鸣 声 。 后 来 搜索 了 下 ， 原 来 这 叫做 白 噪音 。 


巴洛克 超级 学 习 音 乐 和 罗 扎 夫 记 忆 首 乐 


e QU 

e 阿尔 法 脑 电波 

e 巴洛克 音乐 

e 巴洛克 超级 学 习 音 乐 和 罗 扎 夫 记 忆 音 乐 是 一 种 安慰 剂 效 应 
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几 条 建议 


尽量 不 要 用 Windows 进 行 开 发 


除非 你 只 用 dotnet 开 发 软件 ， 不 然 osx/ubuntu 会 是 更 好 的 开发 平台 。 太 多 太 多 优秀 的 工具 在 
osx/ubuntu 下 可 以 一 键 安装 ， 在 windows 下 却 不 得 不 花费 超过 一 个 其 至 几 个 数量 级 的 时 间 去 安 
装 ， 更 别提 有 的 工具 windows 压 根 没 有 替代 品 。 


如 果 不 认 可 Rule 1， 那 么 直接 可 以 跳 过 下 面 的 文字 走 人 。 


尽量 使 用 mbp 


我 在 「 能 花 钱 的 ， 就 不 要 花 时 间 」 文中 已 经 强调 ， 有 条 件 买 15" 高 配 的 就 不 要 买 15" 低 配 ， 有 条 
件 买 15" 低 配 的 就 不 要 买 13" (Retina/ssd 版 本 是 必 备 ) 。 作 为 一 个 开发 者 ， 你 实在 应 该 在 开发 
工具 上 对 自己 好 些 一 ”毕竟 你 跟 她 相处 的 时 间 比 跟 女 盆 友 /老婆 多 多 了 | 


如 果实 在 觉得 mbp 太 贵 [1]， 可 以 考虑 一 个 15" 轻 薄 的 本 子 装 ubuntu 。 


mbp 的 好 处 不 在 于 逼 格 [2]， 而 在 于 优秀 的 硬件 + 优秀 的 Unix 兼 容 的 软件 。retina 屏 ， 超 长 的 
电池 续航 〈 相 比 PC)， 和 舒服 的 trackpad 让 工作 的 舒适 度 提 高 不 是 一 星 半点 ， 而 软件 上 强大 的 
spotlight 等 系统 功能 让 效率 提升 很 多 。 这 个 我 就 不 详 述 ， 自 己 看 『mactalk. 人 生 元 编程 」 去 。 


使 用 大 屏幕 


工作 中 使 用 mbp 是 为 了 便携 性 一 -在 各 种 场合 都 可 以 进行 开发 任务 ， 应 对 会 议和 各 种 各 样 的 
演示 需求 。 可 一 旦 坐 在 工 位 上 好 几 个 小 时 ， 人 全神贯注 地 写 代 码 时 ， 就 最 好 有 个 大 屏幕 。 


屏幕 多 大 才 好 ?在 机 器 带 的 起 来 的 情况 下 越 大 越 好 ， 能 27" 就 不 要 24"， 能 24" 就 不 要 21"， 能 
21" 就 不 要 直接 使 用 笔记 本 的 屏幕 。 大 屏幕 可 以 让 一 个 屏幕 同时 显示 好 几 个 窗口 而 无 需 来 回 切 
换 。 我 现在 自己 的 工作 配置 是 15" mbp + 27" apple display， 用 上 了 就 回 不 去 了 ， 一 天 采 在 公 
司 12 小 时 都 不 嫌 多 。 


我 自己 一 般 把 屏幕 辟 成 两 半 ， 左 边 chrome， 右 边 iterm， 这 样 ， 在 vim 里 写 代 码 时 ， 随 时 可 以 
查 文档 。 配 合 vim 的 热 键 ， 我 可 以 用 xx 在 chrome 里 打开 某 个 开发 语言 的 文档 ， 和 鼠标 都 不 用 动 
一 下 o 


使 用 dotfiles 


一 个 程序 员 一 天 可 能 80% 的 时 间 都 在 跟 shell 打 交道 ， 有 个 好 的 shell(bash or zsh)， 加 上 合理 
的 shell 配 置 绝对 让 效率 提升 一 大 截 。 我 以 前 都 是 直接 使 用 mathiasbynens/dotfiles 的 设置 ， 后 
来 自己 改 得 多 了 ， 就 干脆 fork 了 一 个 版 本 tyrchen/dotfiles 出 来 ， 把 自己 的 改动 放 上 去 。 


dotfiles 这 样 的 东西 不 必 自 己 从 头 来 ， 在 github 上 找 个 star 最 高 的 clone 或 者 fork 之 即 可 ， 这 便 是 
所 谓 的 站 在 巨人 的 肩膀 上 。 武 学 中 要 打通 任 督 二 脉 ， 靠 勤奋 往往 是 不 够 的 ， 还 要 有 际遇 ， 好 
比 虚 人 竹 遇 上 了 无 涯 子 或 者 张无忌 遇 到 了 和 白 猿 。 程 序 世 界 里 的 无 涯 子 和 白 猿 们 都 在 gitthub 上 ， 只 
eH BAR AY RAB © 


我 自己 的 dotfiles 就 在 Mathias 的 基础 上 发 展 而 来 ， 基 本 上 ， 我 做 了 两 个 主要 的 改动 : 


e 把 prompt 换 成 诈 采 了 的 liquidprompt 
e vim 使 用 vundle， 并 且 使 能 了 一 堆 我 喜爱 的 插件 (这 个 随后 讲 ) 


4t — 3x32 4- t editorfeide 


作为 一 个 开发 者 ， 你 需要 精 挑 细 选 一 款 趁 手 的 用 来 编辑 代码 的 editor。 我 使 用 了 几 年 的 vim ， 
又 换 用 过 大 半年 的 emacs， 为 了 强制 自己 习惯 emacs， 我 甚至 在 bash 中 把 vim alias 成 emacs 。 
但 最 终 ， 没 能 打开 emacs 下 的 任 督 二 脉 的 我 实在 无 法 抗拒 vim 下 的 那些 好 用 的 插件 ， 又 回 到 了 
Vim 的 阵营 。 所 以 在 editor 这 里 ， 我 只 能 先 讲 讲 更 为 熟悉 的 vim 。 


vim 下 最 基本 的 vundle 不 提 ， 至 少 这 些 插件 你 值得 拥有 : 


e SirVer/ultisnips: 撰写 和 使 用 snippet 神 器 ， 用 过 textmate/sublime 的 人 应 该 都 知道 。 一 个 程 
序 员 的 效率 很 大 程度 上 跟 他 的 snippet 库 有 关 。 如 果 你 的 python class，html 的 标签 ， 
erlang/elixir 的 otp 代 码 还 是 一 个 字符 一 个 字符 手 敲 ， 那 么 你 该 好 好 看 看 这 个 插件 了 。 配 合 
着 honza/vim-snippets， 大 部 分 代码 的 snippet 都 有 了 ; 遇 到 结构 类 似 的 代码 块 

(bolerplate) ， 又 没有 已 经 定义 好 的 snippet 时 ， 调 用 :UltiSnipsEdit 立刻 定义 之 ， 你 基 
本 上 就 走 在 无 敌 的 路 上 了 。 

e scrooloose/nerdtree : 让 你 的 vim 支 持 文件 树 。 这 个 插件 加 上 tpope/vim-eunuch ， 文 件 系 
统 的 各 种 操作 和 显示 全 在 vim 里 搞定 了 。 

。 sheerun/vim-polyglot : 几乎 所 有 程序 语言 的 源 文件 syntax/tab 等 的 支持 。 有 此 一 个 插件 ， 
就 不 再 需要 vim-ruby，vim-go 等 一 票 单 独 的 语言 插件 了 。 

e Valloric/YouCompleteMe : 让 vim 支 持 自动 补 齐 。 这 个 几乎 是 IDE 的 标 配 ， 效 率 提升 的 另 
一 大 神器 。 有 了 它 ，IDE 的 需求 就 减弱 很 多 。 


其 它 的 插件 就 不 一 一 介绍 了 ， 感 兴趣 的 可 以 在 我 的 dotfiles 里 面 一 一 翻阅 。 


大 部 分 编程 的 工作 ， 轻 量 级 的 editor 就 足够 胜任 ， 但 有 些 开 发 语言 和 框架 ，bolerplate 代 码 实在 
太 多 ， 整 个 开发 目录 太 繁 杂 ， 这 时 候 不 得 不 使 用 IDE， 比 如 说 java 下 的 很 多 项 目 。 当 你 不 得 不 
使 用 IDE 的 时 候 ，intelliJ 系 列 的 IDE 是 比 eclipse 系 列 好 很 多 的 选择 。 


当然 ， 这 条 rule 的 核心 是 尽量 使 用 editor， 能 不 用 IDE 就 不 用 IDE 。 


把 党 用 的 任务 命令 化 /快捷 键 化 


国外 的 开发 高 手 也 都 是 使 用 快捷 键 的 高 手 ， 我 以 前 不 习惯 使 用 快捷 键 ， 但 看 了 很 多 高 手 的 
screencast 后 ， 发 现 他 们 都 是 当 一 个 任务 重复 几 次 后 ， 顺 手 就 定义 快捷 键 或 者 命令 。 这 里 我 讲 
讲 vim 怎 么 做 ，emacs 的 用 户 自 行 脑 补 。 


io nM Dedi enge 我 经 常 需 要 运行 mix test 来 确保 我 新 写 的 代码 或 者 重 构 的 代 

能 够 跑 过 已 有 的 test case。 这 事 做 多 了 也 就 烦 了 ， 因 为 在 vim 里 总 需要 输入 Imix test， 这 个 
Pes 我 就 会 为 此 定义 个 快捷 键 。 如 果 快 捷 键 只 跟 当 前 项 目 有 关 ， 那 么 就 在 当前 项 目 根 目录 
下 生成 一 个 .vimrc， 定 义 快捷 键 ， 否 则 在 系统 的 .vimrc 中 定义 : 


noremap <leader>et :!mix test<CR> 


这 样 ， 以 后 需要 运行 这 个 命令 的 时 候 ， 直 接 敲 key + ed 就 好 。 对 于 elixir， 我 有 这 些 定 义 : 


noremap <leader>ed :!mix deps.get<CR> 
noremap <leader>et :!mix test<CR> 
noremap <leader>ec :!mix compile<CR> 


因为 每 个 语言 都 有 类 似 的 dependency ° test * compile fE} » MRK LESAN .vimrc 
文件 里 ， 可 以 为 每 种 语言 附 不 同 的 前 组 (elixirA e) 区 隔 。 如 果 你 喜欢 按 项 目 定 义 ， 那 可 以 把 
t 统 一 定义 为 UT 的 命令 ， 这 样 可 以 省 去 敲 一 个 字符 的 时 间 。 


培养 目 己 好 的 重 构 习 惯 


这 里 讲 的 重 构 和 代码 里 的 重 构 大 体 意 思 一 样 ， 就 是 不 断 优化 自己 的 工作 环境 。Rule 6 其 实 就 是 
一 种 重 构 。 


经 常 问 问 自己 这 些 问题 : 
Y 


. 站 比如 : REIS -|， 是 不 是 应 该 alias 出 一 个 外 来 ? 

e 常用 的 服务 器 信息 是 否 写 在 了 .ssh/config 里 ? 服务 器 登录 是 否 使 用 了 pub/private 
key (HA TA BAZ) ? 

e 对 于 某 些 操 作 ， 可 不 可 以 定义 一 些 快捷 键 (比如 说 google search) ? 

e 项 目 里 重复 的 工作 是 不 是 写成 了 makefile (或 是 其 他 任务 脚本 ， 如 rake > jake) ? 

e 常 写 的 代码 结构 是 否定 义 了 snippet? 


讲 讲 Snippet。 我 特别 喜欢 vim 的 ultisnips， 它 能 让 我 按 语 言 很 方便 地 定义 snippet。 比 如 在 elixir 
里 总 要 写 的 GenServer 代码 ， 大 体 结 构 是 Public API + GenServer API， 我 可 以 定义 一 个 
snippet > ZakA defgen 的 时 候 ， 可 以 展开 成 为 下 面 的 代码 (并 且 我 可 以 在 代码 中 跳 至 需要 我 
修改 的 地 方 ) 


defmodule name do 
@moduledoc """ 


use GenServer 
### Public API 


def start_link do 
{:ok, server} = :gen_server.start_link MODULE , [], [] 





### GenServer API 
def init(state) do 
{:ok, state} 


def handle_call(, _from, state) do 


def handle_cast(, state) do 





这 将 省 去 我 多 少 bolerplate 的 时 间 更 关键 的 时 ， 我 的 思绪 不 会 被 撰写 这 些 无 趣 ， 但 又 不 
DES 


AS 4 bolerplate4T Bf » 


使 用 git 管 理 个 人 文件 


大 部 分 开发 者 对 于 自己 的 代码 项 目 都 有 很 好 的 习惯 : 使 用 git (或 者 其 他 scm) 管理 。 但 代码 之 
外 的 文档 ， 管 理 起 来 就 有 些 随 意 ， 即 没有 历史 记录 ， 单 纯 存储 在 本 地 也 容易 丢失 。 建 议 大 家 
对 $HOME 下 的 文件 ， 只 要 是 自己 生成 的 文档 ( 太 大 的 二 进 制 除外 ) ， 一 律 用 git 管 理 (在 目 
录 下 gitinit) 。 你 们 看 到 的 这 个 公众 号 的 所 有 文章 就 是 用 github 存 储 (private repo) 。 然 而 
github 上 存储 private repo E % € 16 4X 不 想 花 钱 ， 又 想 很 多 私人 的 文档 想 管 理 怎 么 办 ? 可 
以 在 dropbox (或 者 其 他 类 似 的 网 盘 ) 上 生成 一 个 git 的 bare project， 然 后 把 本 地 的 文档 push 
上 去 。 





多 看 高 手 的 Screencast 


很 多 时 候 我 们 没有 机 会 近 距 离 看 高 手 是 怎么 工作 的 ， 但 观看 他 们 的 screencast 不 失 是 一 种 提高 
自己 的 好 办 法 。 在 这 个 方面 ， 其 他 语言 的 爱好 者 估计 都 要 妒 辟 ruby 的 拥有 瑟 一 一 ruby 社 区 的 各 
种 Screencast 多 得 令 人 发 指 ! 通过 订阅 这 些 screencast， 你 不 仅 能 快速 学 到 语言 相关 的 知识 和 
实用 的 技巧 ， 更 重要 的 是 ， 你 知道 高 手 都 在 用 什么 工具 ， 如 何 写 代码 。11 年 的 时 候 我 看 过 一 
个 php 的 screencast， 一 个 法 国人 介绍 如 何 用 symfony 撰 写 项 目 。 那 是 我 第 一 次 领略 什么 是 指 
尖 如 飞 ， 也 给 我 播 下 了 snippet 的 种 子 (他 用 的 是 textmate) 。 从 那 以 后 ， 我 会 时 不 时 地 看 一 
些 各 种 各 样 的 Screencast (以 rails 的 居多 ) ， 学 习 点 新 东西 的 同时 ， 还 能 学 习 高 手 的 习惯 。 


。 程序 员 效率 指南 


SOHO 


Small office/home office (or single office/home office; SOHO) refers to the category of b 
‘ = 


我 觉得 SOHO 的 工作 形式 ， 是 未 来 的 发 展 的 一 种 趋势 ， 但 不 是 所 有 的 人 都 适合 的 形式 。 在 我 








e awesome-remote-job: A curated list of awesome remote jobs and resources. 


创业 资源 


ETC NUS 


e Y Combinator 
e angel 


Hacker 


保护 隐私 


e 养 成 哪些 上 网 习惯 可 以 避免 泄露 重要 的 个 人 隐私 ? 


关于 工作 


找 工 作 前 需要 思考 的 问题 


如 果 丨 的 到 了 换 工 作 的 时 候 ， 肯 定 不 是 一 天 两 天 才 做 的 决定 。 所 以 当 你 打算 换 工 作 之 前 ， 不 
妨 先 思考 一 些 问 题 。 


为 什么 辞职 


先 想 想 自己 在 当前 的 发 展 环境 下 发 展 遇 阻 的 原因 。 多 从 自己 的 内 因 上 找 ， 不 要 带 着 抱怨 情 
绪 。 不 能 勇于 面 对 自 己 的 不 足 ， 迟 早 还 会 因为 自己 能 力 不 足 而 离开 。 对 上 一 家 公司 的 抱怨 什 
么 的 不 建议 和 hr 说 ， 因 为 你 面试 的 下 一 家 ， 以 后 也 可 能 成 为 你 的 上 一 家 。 


EGER id: 


e RE: KTH HOT 46, 家 庭 开支 增 大 ， 个 人 压力 增加 
。 能 力 
o 个 人 能 力 的 成 长 低 于 行业 平均 水 平 ， 通 常 说 的 天 花 板 。 
o 以 及 公司 与 团队 与 行业 相 比 缺少 变化 和 生命 力 。 
o 一 个 人 在 同一 岗位 两 年 ， 胜 任 并 已 进入 了 舒适 区 ， 此 时 一 般 都 会 转岗 或 升 职 以 迎接 
更 大 的 挑战 。 
o 价值 : 当前 环境 中 无 法 发 挥 价值 ， 并 持续 一 段 时 间 ， 换 工作 属于 止 损 。 
e 新 资 : 不 解释 。 


现在 的 我 


我 觉得 在 找 工 作 的 时 候 ’ iia A 我 是 很 关键 的 一 点 o 不 然 过 分 的 以 为 自 己 的 能 力 超群 i 往往 
会 给 自己 带 来 挫败 感 。 


知己知彼 ， 百 战 不 殉 "， 我 们 不 仅 要 了 解 自己 ， 也 还 需要 对 外 面 的 市 场 进行 一 下 了 解 ， 比 如 问 
问 其 他 公司 的 朋友 ， 大 概 工作 年 限 和 水 平 的 人 待遇 如 何 ， 也 是 为 自己 定价 的 一 个 方式 。 


出 去 找 工 作 ， 也 以 为 着 你 要 放弃 现在 的 工作 条 件 和 人 脉 ， 到 一 个 新 的 环境 中 成 长 ， 我 们 的 心 
态 也 很 重要 。 谦 逊 有 和 礼 会 给 你 未 来 的 工作 之 路 带 来 好 处 。 


追求 什么 


如 何 规划 


找 工 作 时 需要 避免 的 几 点 
。 简历 不 要 出 现 错别字 和 明显 的 错误 


。 平时 的 工作 之 余 ， 不 要 忘 了 对 自己 技术 的 追求 , 多 理解 多 写 一 些 代码 
。 没有 不 加 班 的 IT 公司 ， 摆 在 心态 ， 主 要 看 你 觉得 这 种 加 班 值 不 值得 


e 求职 者 的 典型 现象 


原 


则 与 技巧 


面试 方式 

一 般 程 序 员 的 面试 分 为 : 代码 笔试 + 问答 面试 。 

代码 笔试 主要 就 是 考察 能 力 ， 问 答 主 要 是 对 项 目 以 及 个 人 的 情况 了 解 。 

STAR 面试 法 

这 里 提 到 了 一 种 面试 原则 ， 叫 做 STAR 面试 法 .STAR" 是 SITUATION (背景 ) 、TASK ( 任 
%) ^ ACTION (行动 ) 和 RESULT (结果 ) 四 个 英文 单词 的 首 字母 组 合 。 

在 招聘 面试 中 ， 仅 仅 通过 应 聘 者 的 简历 无 法 全 面 了 解 应 聘 者 的 知识 、 经 验 、 技 能 的 掌握 程度 


及 其 工作 风格 、 性 格 特点 等 方面 的 情况 。 而 使 用 STAR 技巧 则 可 以 对 应 聘 者 做 出 全 面 而 客观 的 


评价 


o 


背景 (SITUATION) :通过 不 断 提问 与 工作 业绩 有 关 的 背景 问题 ， 可 以 全 面 了 解 该 应 聘 者 
取得 优秀 业绩 的 前 提 ， poluit 的 业绩 有 多 少 是 与 应 聘 者 个 人 有 关 ， 多 少 是 和 市 
场 的 状况 、 行 业 的 特点 有 关 。 

工作 任务 (TASK) : 每 项 任务 的 具体 内 容 是 什么 样 的 。 通 过 这 些 可 以 了 解 应 聘 者 的 工作 
ee CE 


行动 (ACTION) : dide 都 采取 了 哪些 行动 ， 所 采取 的 行动 是 如 
何 帮 助 他 完成 工作 的 。 这 些 ， 可 以 进一步 了 解 他 的 工作 方式 、 ROLE 方 
X o 


结果 (RESULT) : 每 项 任务 在 采取 了 行动 之 后 的 结果 是 什么 ， 是 好 还 是 不 好 ， 好 是 因为 
什么 ， 不 好 又 是 因为 什么 


面试 人 员 应 该 具备 的 技能 


一 个 优秀 的 程序 员 应 该 具有 怎样 的 技能 


基础 扎实 
主动 思 


有 视野 
扎实 的 编码 经 验 


校园 招聘 与 社会 招聘 


校 招 和 社 招 的 是 不 一 样 的 ， 校 招 会 更 加 关注 基础 知识 ， 而 社 招 会 更 加 关注 之 前 做 过 的 项 目 情 


况 。 


需要 注意 的 地 方 


Sp 


面试 题目 : 根据 你 的 等 级 和 职位 变化 ， 入 门 级 到 专家 级 : 广度 和、 深度 1。 

题目 类 型 : 技术 视野 、 项 目 细节 、 理 论 知 识 ， 算 法 ， 开 放 性 题 ， 工 作案 例 。 细节 追问 : 

Ka E 这 样 可 以 大 大 延展 题目 的 区 分 度 和 深 
> 知道 你 的 实际 能 力 。 因 为 这 种 关联 知识 是 长 时 - 期 的 学 习 ， 绝 对 不 是 临时 记得 住 的 。 

BT CHE Lt) ， 会 考虑 我 要 不 要 这 个 人 做 我 

的 同事 ? 所 以 态度 很 重要 。 (感觉 更 像 是 相亲 ) 

资深 的 工程 师 能 把 absolute 和 relative 弄 混 ， 这 样 的 人 不 要 也 黑 ， 因 为 团队 需要 的 是 : 你 

这 个 人 具有 可 以 依靠 的 才能 〈 靠 谱 ) 。 


参考 资料 


如 何 面试 前 端 工 程 师 ? 

一 名 靠 谱 的 JavaScript 程 序 员 应 备 的 素质 
FEX 面 试 原 则 

STAR 面试 法 





关于 简历 


albis tu uolo e ul UN de ae M UE b o 
新 甚至 重 写 一 份 简历 ， 并 且 无 从 下 手 ， 突 然 觉得 自己 白 活 了 很 久 ， 所 以 简历 这 个 东西 ， 
定期 更 新 一 下 比较 好 ， 时 刻 提醒 自己 ， 实 力 需 要 提高 。 


t A CHE ial JA 


简历 是 让 别人 了 解 你 的 一 种 方式 ， 是 要 让 用 人 单位 对 你 的 技能 水 平 与 软 素 质 有 个 基本 的 认 
知 ， 以 此 为 基础 进行 面试 。 重 点 需要 体现 出 : 

e 我 是 谁 

e 我 的 优势 是 什么 

e 我 能 给 公司 带 来 什么 


书写 的 内 容 要 保证 客观 站 实 ， 技 术 人 员 最 好 用 站 实 的 案例 表明 自己 做 过 的 事情 ， 让 别人 印象 
深刻 ， 什 么 精通 xxx 之 类 的 我 觉得 还 是 少 些 一 点 ,让 别人 能 明白 自己 的 优势 ， 这 才 是 所 有 简历 的 
Ei8Be 


书写 简历 的 方式 


既然 是 程序 员 ， 那 么 首 推 还 是 用 Markdown 语 法 书写 ， 然 后 通过 工具 转换 为 PDF 格式 。 
Markdown 的 版 本 建议 部 署 到 github pages 上 。 或 者 也 可 以 在 Word 里 罗列 个 人 信息 与 工作 经 
历 ， 用 一 个 简单 的 表格 把 各 项 区 别 开 ， 能 够 看 到 重点 ， 然 后 导 成 PDF。 当 然 ， 也 有 其 他 的 选 
择 ， 比 如 建立 一 个 关于 自己 的 网 站 ， 吸 引 别 人 。 


但 是 请 记 住 : 重点 取胜 的 是 内 容 ， 所 以 种 种 在 形式 上 花 很 多 心思 ， 一 般 都 是 没有 太 多 打动 人 
的 经 验 和 和 内容， 这样 的 简历 结果 都 是 被 fail © 


简历 的 内 容 


人 单位 最 看 重 的 是 面试 者 的 哪些 方面 呢 ， 是 个 人 潜力 ， 工 作 经 验 ， 还 是 执行 力 ? 了 我 觉得 这 个 
需要 按照 你 目前 的 身份 去 对 待 : 


e 学 生 : 用 人 单位 最 看 重 的 是 基础 能 力 ， 学 习 能 力 ， 适 应 能 力 ， 还 有 对 待 这 份 工作 的 热情 。 
其 次 是 之 前 的 经 验 或 完整 作品 ， 如 果实 习 经 历 的 工作 经 验 对 接 下 来 的 工作 是 正 向 作用 将 
是 加 分 分 项 o 

e 社 招 : 最 重要 的 是 经 验 与 是 否 能 应 对 所 在 工作 未 来 的 一 些 挑战 。 


但 在 简历 中 应 该 避免 的 几 点 是 


e 只 描述 技能 ， 但 与 自己 能 力 不 匹 配 。 

e 只 描述 高 大 上 项 目 ， 没 说 自己 做 了 啥 。 
首 述 以 前 工作 过 于 简单 ， 几 乎 没有 内 容 。 
e 和 奋 大 事实 ， 没 做 过 说 自己 做 过 


个 人 信息 
个 人 信息 是 别人 了 解 和 联系 你 的 方式 ， 所 以 还 是 放 在 最 上 面 比较 好 。 理 应 包 


e 姓名/ 性别/ 年龄 

e 学 历 / 学 校 以 及 专业 
e 手机 

。 邮箱 

e 微 博 / 个 人 主页 
e Github 地 址 

。 求职 意向 (可 选 ) 
e 新 资 范 围 (可 选 ) 


理论 上 我 觉得 此 段 还 可 以 加 上 自我 评价 。 


个 人 经 历 


我 这 里 是 想 把 在 校 情况 也 普及 一 下 ， 如 果 工 作 情 况 很 充实 ， 这 一 段 完 全 可 以 修改 为 工作 经 
历 。 OA 
目 来 描述 ， 一 定 程度 上 可 以 增加 简历 筛选 的 通过 率 ， 还 可 以 缩小 面试 的 问题 域 ， 节 省 时 间 。 


有 一 种 叫做 "STAR 法 则 "的 方式 ， 可 以 帮助 我 们 更 好 的 充实 内 容 ， 比 如 : 


- Situation & Task? 
由 于 业务 迭代 速度 加 快 ， 重 直 搜 索 业 务 的 性 能 衰减 至 x 秒 ， 性 能 优化 刻不容缓 。 


- Action。 

团队 一 共 x 人 ， 由 我 发 起 并 推动 前 端 性 能 优化 ， 其 中 后 端 研发 也 一 起 参与 。 

m 责 前 期 性 能 监控 的 打点 与 后 期 评估 ， 前 端 性 能 方案 调研 以 及 选 型 

其 中 ， 性 能 监控 在 Chrome 等 浏览 器 下 使 用 了 HTML5 navigation timing 得 到 了 更 为 精确 的 性 能 指标 数据 。 
调研 并 实现 了 bigpipe 与 bigrender 技术 。 


- Result ° 

优化 结果 前 端 性 能 由 x 秒 到 x 秒 ， 性 能 直观 感受 提升 X9%， 页 面 核心 指标 UV/PV 提升 x0%。 
除 此 之 外 ， 还 设计 了 ， AEA BIR A OA RR ERA E> RIT LR © 

整体 项 目的 结果 明显 ， 得 到 了 经 理 与 同事 们 的 一 致 好 评 。 


简短 一 点 的 也 可 以 这 样 


2006 年 ， 我 参与 了 手机 XX 网 发 布 系统 WAPCMS 的 开发 (这 部 分 是 大 家 都 会 写 的 ) 。 作 为 核心 程序 员 ， 我 不 但 完成 了 网 站 界 


«| F Ẹ 








业余 爱好 和 作品 

这 里 可 以 再 细 分 段落 的 描述 自 己 做 过 的 其 他 事情 > 比如 开源 项 目 ， 初 版 的 书籍 。 
技能 清单 

对 技能 进行 详细 且 有 重点 的 描述 。 

致谢 


最 后 别 忘 了 感谢 一 下 辛苦 阅读 你 简历 的 人 。 


总 结 


NP 


简历 的 含义 是 对 学 历 、 经 历 、 特 长 、 爱 好 及 其 它 有 关 情 况 所 作 的 简明 扼要 的 书面 介绍 。 是 有 
针对 性 的 自我 介绍 的 一 种 规范 化 、 逻 辑 化 的 书面 表达 。 


参考 资料 


e Markdown 简历 工具 DeerCV : 不 找 工 作 ， 你 也 应 该 拥有 一 份 完 美 简历 
e 如 何 写 好 技术 简历 一 一 实例、 模板 及 工具 

e SHAN AAMAS 

e uke 「 个 人 简历 


其 他 方面 


硬件 相关 


e 固态 硬盘 丨 的 不 需要 整理 碎片 吗 


第 用 软件 


" 工 欲 善 其 事 ， 必 先 利 其 器 "。 


Windows 5 


通常 来 说 ，windows 应 该 是 我 们 最 先 接触 到 的 系统 ， 也 是 除了 Mac 笔 记 本 外 最 


常见 的 预 


硬件 配置 


好 马 配 好 鞍 ， 操 作 系 统 也 应 该 在 一 定性 能 的 机 器 上 才能 发 挥 更 大 的 作用 。 


一 般 来 说 ， 如 果 别 人 让 我 推荐 电脑 ， 我 会 按照 对 方 的 需求 去 推荐 。 


办 公 型 


就 是 简单 的 处 理 文档 ， 浏 览 网 页 ， 违 违 淘宝 的 。 


这 类 的 我 比较 推荐 轻薄 的 ， 便 携 和 续航 较 强 的 电脑 。 我 觉得 chrome book 就 挺 好 。。。 


Dota， 魔 兽 这 类 的 ， 内 存 和 显卡 有 个 保障 就 行 。 


大 型 游戏 ， 最 好 还 是 显卡 强劲 一 点 。 


工作 型 


比如 程序 员 这 种 类 型 ， 这 里 还 可 以 对 前 后 端 划 分 一 下 。 


前 端 开发 主要 是 以 浏览 器 为 主 ， 偶 尔 开 虚拟 机 测试 。 能 够 书写 代码 就 行 ， 脚 本 语言 都 不 会 设 
计 到 什么 编译 ， 性 能 不 必 太 高 。 


后 端 开发 设计 语言 的 编译 ， 数 据 库 的 运行 ， 本 地 服务 器 环境 的 搭配 。 最 好 还 是 性 能 强劲 一 


o 


IR 


什么 叫 性 能 强劲 


建议 大 家 去 中 关 村 之 类 能 搜索 电脑 价位 的 网 站 ， 普 通电 脑 价 位 倒叙 搜索 看 一 看 。CPU 差 不 多 
就 那 几 款 ，CPU 的 性 能 提升 个 人 感觉 远 不 如 内 存 和 SSD 带 来 的 提升 大 。 


所 以 有 钱 的 话 ， 建 议 投 入 内 存 和 SSD 之 中 ， 触 屏 的 笔记 本 目前 来 看 没有 必要 。 


关于 外 设 


我 推荐 投入 : 


e Rin: 最 好 有 多 功能 ， 无 线 Mini 接 收回。 罗技 不 错 。 
e 键盘 : 只 要 手感 舒适 就 行 ， 机 械 键 盘 我 用 过 茶 轴 ( 介 于 青 轴 与 黑 轴 之 间 ) ， 准 备 尝 试 红 


e 音响 : 耳机 也 行 ， 能 隔绝 外 界 的 环境 ， 沉 浸 于 属于 你 自己 的 世界 。 


通常 我 不 是 很 喜欢 预 装 的 系统 ， 并 且 预 装 的 机 器 C 盘 都 比较 大 ， 浪 费 空间 。 所 以 还 是 有 必要 重 
新 安装 下 系统 (我 安装 的 是 盗版 ， 我 鄙视 自己 )。 


系统 我 比较 喜欢 下 载 纯净 的 版 本 ， 一 般 我 会 从 这 里 :MSDN 我 告诉 你 中 下 载 需要 的 版 本 。 
我 自己 也 有 存储 一 些 镜像 文件 到 网 盘 之 中 : Windows 系 统 镜像 。 


如 何 安 装 


PETI. 


此 种 方法 适合 能 正常 开机 的 机 器 ， 无 需 借助 U 盘 就 可 以 安装 新 系统 。 使 用 到 的 是 NT6 这 个 软 
件 ， 异 次 元 有 一 篇 文章 讲解 的 很 清楚 : NT6 HDD Installer 使 用 教程 - 在 没有 光驱 U 瘟 情况 下 
直接 通过 本 机 硬盘 重 装 系 统 (支持 Win8/Win7 等 )。 


需要 准备 的 东西 就 两 样 : 


© 系统 镜像 文件 
e NT6 安 装 文件 


然后 找 一 个 非 系 统 意 ， 格 式 化 并 将 系统 镜像 文件 和 NT6 安 装 到 此 盘 符 的 根 目 录 下 。 通 过 NT6 重 
启 进入 安装 。 安 装 过 程 我 一 般 会 格式 化 C 总 ， 待 安装 完成 之 后 再 格式 化 其 他 总 符 。 

2| She 

WA iAdé 4 JLIEGEOAAUSaEIL:—X4€X—^MUERqEXRYE:wTERXÉEMZA: 


e WinSetupFromUSB 
e 大 白菜 


由 于 我 已 经 完了 这 种 方式 如 何 使 用 ， 特 别 是 PE 工具 格式 化 等 操作 。 请 大 家 自行 搜索 。 


硬盘 分 区 


我 也 忘记 了 :D， 等 我 用 到 了 再 说 吧 。 


程序 员 的 自我 修养 


系统 安装 139 


windows AX 4 


记录 是 给 自己 的 回顾 和 总 结 ， 也 是 给 别人 的 一 种 分 享 。 所 以 我 想 说 说 使 用 Windows 的 经 验 。 


为 了 方便 自己 系统 安装 ， 我 会 把 一 些 安装 文件 定期 更 新 到 云 衣 中 ， 而 常用 的 一 些 软件 以 及 配 
置 文件 放 在 可 同步 的 网 盘 中 。 


各 m ze 
m 8 xt 
Xn ub Rd ob dolo LAE AR: ( 待 添加 下 载 地 址 ) 


e Chrome: 主力 浏览 器 ， 使 用 google 账 号 登陆 并 且 同 步 。 

e Office 系 列 : 其 实 我 用 WPS 多 一 些 ， 或 者 google 文 档 。 

© MSE: 微 软 官方 的 杀毒 软件 。 

e CCleaner : 小 巧 方便 的 清理 软件 。 

e 腾讯 电脑 管家 : 有 时 候 我 就 是 用 腾讯 电脑 管家 替代 杀毒 软件 加 清理 软件 。 
e 输入 法 ; 我 就 用 原生 的 ， 不 折腾 ， 不 弹 框 。 
。 PotPlayer : 影音 播放 器 。 

e FastStone Image Viewer: 图 片 查看 工具 。 
e dp j 点 我 就 用 欧陆 3 
e 欧陆 词典 : 无 需 播 件 取 词 ， 无 广告 ， 可 自 定 义 扩充 词 库 ， 替 换 有 道 词典 。 
e 福 昕 阅读 器 : 最 好 的 PDF 阅读 器 。 

© foxmail : 邮件 客户 端 。 

e 迅雷 : FRIDE? 

e BitTorrent Sync: p2p 同 步 服务 ， 可 实现 多 设备 网 盘 同 步 功 能 。 

e 7-zip : 压缩 /解压 缩 工具 。 

e Flash: Flash 播 放 器 ， 最 好 下 插件 ， 以 及 独立 播放 器 。 

e flux: 根据 日 出 日 落 去 调节 色温 ， 保 护 视力 。 

e HexChat: IRC Client, 沟通 工具 ， 程 序 员 用 的 多 。 


= sh 
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有 了 这 些 ， 差 不 多 使 用 windows 就 没 问 题 了 。 下 面 我 们 再 谈 一 谈 如 何 更 好 的 使 用 windows » 


提高 效率 的 工具 


e launchy: 快速 开局 工具 。 我 还 设置 了 快速 Web 搜索。 

e strokesplus : 全 局 鼠标 手势 工具 ， 占 用 内 存 小 ， 且 支持 LUA 编 程 。 
e. Wox: 暂时 未 使 用 ， 和 launchy 类 似 。 

e MasterSeeker: 全 盘 文 件 搜索 工具 ， 搜 索 可 选择 项 比 Everything 多 。 


e Everything: & & XR FLA © 

e Listary: 目录 搜索 ， 操 作 工 具 。 

e ditto: 历史 剪 切 板 工具 ， 可 设置 快捷 键 为 alte ° 

e VistaSwitcher: 程序 切换 软件 ， 特 别 方便 的 是 提供 了 `alt+ 的 切换 ， 类 似 mac 下 的 操作 。 
使 用 方式 就 是 按 住 alt+tab 切 换 ， 也 可 按 住 alt+tab 后 ， 松 开 tab 按 数字 键 快速 切换 。 

e PicPick: 截图 ， 标 尺 工具 。 

。 Clever 3:- 资 源 管理 器 扩 具 : 

e Q-Dir: 由 于 Clover 在 Windows8 上 经 党 前 演 ， 我 又 不 喜欢 TotalCommander， 发 现 这 个 也 不 
错 。 

e NetSetMan: 方便 切换 ip/dns, 适合 经 常 切 换 Home/VWork 环 境 。 

e AutoHotkey: 可 自 定 义 操作 的 脚本 ， 还 未 使 用 ， 据 说 功能 强大 。 

e teracopy: 据说 复制 大 文件 时 候 速 度 更 快 。 

e chocolatey: 类 似 Unix 下 的 apt-get 命令 ， 安 装 软件 。 

e joytokey: 可 以 使 用 手柄 模拟 鼠标 的 软件 。 

e XMind: 脑 图 工具 。 





开发 者 必 备 工具 
这 里 可 以 单独 开 一 章节 了 ， 但 是 我 先 试 着 在 这 列 一 下 吧 : 


开发 环境 


开发 环境 下 ， 我 会 配置 好 常用 的 语言 ，python, ruby, nodejs 等 等 。 并 且 最 好 安装 上 Virtual 
Studio， 很 多 需要 编译 的 环境 依赖 其 中 的 VC++。 


e gow: 扩展 一 些 常用 的 *Unix 命 令 。 

e ConEmu: 可 代替 cmd 的 工具 ， 界 面 舒 服 ， 内 置 Clink » 
© Clink: 支持 命令 行 下 粘贴 复制 。 

e tdm-gcc: Windows 下 的 C/C++ 编译 器 。 

e git: 版 本 管理 工具 ， 安 装 后 可 命令 行使 用 。 

e sourcetree: Git 的 图 形 管 理工 具 。 

e svn: 一 般 公 司 用 的 比较 多 ， 也 是 版 本 管理 工具 。 

e Koala: 前 端 预 处 理 语言 编译 器 。 


文件 编辑 工具 


e SublimeText 3: 最 方便 的 编辑 器 ， 持 件 也 多 。 
e Beyond Compare: 对 比 文件 工具 。 


开发 辅助 工具 


e charles: 代理 工具 。 

e texturepacker: 处 理 动画 图 片 工具 。 
e FileZilla: FTP 传 输 工 具 。 

e Xshell 4: 远程 连接 服务 器 工具 。 

e TeamViewer: 远程 操作 电脑 工具 。 


设计 
e 亿 图 : 除了 制作 思维 导 图 ， 还 提供 流程 图 ，UML 等 。 


e licecap: gif 录 屏 软件 。 
e camstudio: 录 屏 软件 。 


Bat 文 件 


如 果 有 一 些 命 名 是 自己 常用 的 ， 不 妨 整 理 到 一 个 bin 目录 中 ， 并 添加 到 PATH 中 。 将 一 个 命名 
包装 为 bat 文 件 的 形式 如 下 : 


Qecho off 
%~dpO\nant -0.92\bin\NAnt.exe 


%~dpo *" 48 4X 2: AY B 3k o 


e Windows 下 有 什么 软件 能 够 极 大 地 提高 工作 效率 ? 
e 2014 年 Windows 平台 软件 推荐 : 这 些 工 具 都 很 有 用 
e 我 最 喜欢 的 软件 windows 版 


Mac 篇 


AF RT Mack e 


除了 按键 不 习惯 ， 其 他 都 很 好 ! 貌似 把 键盘 的 ctrl 修 改 为 command 会 比较 好 。 


通用 设置 


想 要 一 个 系统 顺手 ， 还 是 要 做 一 些 适合 自 己 的 设置 。 


App Store 


应 用 商店 最 大 的 问题 有 两 个 : 

e 下 载 失 败 ， 提 示 " 使 用 已 购 页 面 再 试 一 次 "。 

e 下 载 速度 慢 。 

这 两 个 问题 常见 的 解决 方式 就 是 设置 DNS 为 114.114.114.114。 但 是 貌似 这 个 下 载 应 该 还 和 
sone 4 2 RIMA X > ELE CURE RR © 


快捷 键 


e 屏幕 切换 ，command+ 数 字 键 。 
e 截图 : shift-command-*4 。 
e aflred2: -alt+s-, 已 换 成 capsLock . 


— vv 
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设置 显示 器 5 屏幕 不 出 现 现 菜单 栏 ， 取消 System Preferences -> Mission control -> Display have 
separate Spaces 即 可 ， 需 要 重新 登录 。 


Ge Jt 
触 控 板 设置 
添加 按 住 ctrl 加 滚轮 缩放 屏幕 > System Preferences -> Accessibillity -> Zoom ° 


增加 触 控 板 的 灵敏 度 和 双击 拖 搜 功 能 > System Preferences -> Accessibillity -> Mouse & 


Trackpad -> Trackpad Options . 


e mac-setup: 国外 人 号 的 ， 介 绍 mac 的 使 用 。 
e Mac 开发 配置 手册 : 上 面 的 翻译 版 本 


程序 员 的 自我 修养 


e Mac 技 巧 索引 : 《TacTalk 人 生 元 编程 》 作 者 整理 。 
e Mac 攻略 

e Hacker's Guide to Setting up Your Mac 

e Mac 开 发 环境 设置 

e Mac OS X Setup Guide 


通用 设置 


权限 问题 


如 果 有 过 linux 基 础 的 人 ， 就 会 明白 这 个 权限 问题 。 其 实 *nix 的 系统 ， 都 是 一 个 root 用 户 ， 然 后 
自己 创建 其 他 用 户 使 用 。 用 户 和 用 户 之 前 通过 权限 互相 独立 。 

对 一 般 的 用 户 而 言 ， 不 需要 太 关 注 这 个 权限 问题 ， 但 是 对 程序 员 来 说 ， 这 一 点 应 该 是 必 知 必 
会 的 。 不 然 我 们 常常 会 被 npm install -g xx 出 现 的 报错 而 不 知 所 措 。 


root :“ 起 级 用 户 ” 


在 MacOSX 中 ， 在 安装 系统 时 将 会 创建 一 个 名 为 root 的 超级 用 户 。 root 用 户 对 计算 机 上 的 
所 有 文件 和 文件 夹 都 有 完全 的 访问 权限 ， 并 且 还 具有 一 般 用 户 没有 的 其 他 管理 访问 权限 。 在 
计算 机 的 正常 使 用 中 ， 您 并 不 需要 以 root 用 户 的 身份 登录 。 事 实 上 ， 默 认 情 况 下 ，root AP 
是 被 禁用 的 。 


普通 用 户 


mac 系 统 创 建 的 用 户 ， 会 和 root 在 一 个 group 中 ， 一 般 叫 做 statt 或 者 admin 。root 用 户 的 权 
限 高 于 其 他 用 户 。 


定义 的 权限 


e 读 取 (r--) 
e 号 入 (-w-) 
e 执行 (--x) 


当 您 可 以 做 到 所 有 三 种 操作 时 ， 您 就 拥有 了 “rwx” 权 限 。 文 件 夹 的 权限 与 此 类 似 。 具 有 内 含 文 
档 的 文件 夹 的 只 读 权 限 ， 您 可 以 打开 和 读 取 其 中 的 文档 ， 但 不 能 保存 对 该 文件 夹 所 做 的 更 
改 ， 也 不 能 为 该 文件 夹 添加 新 的 文档 。 只 读 (r--) 权限 是 常用 于 客户 访问 的 文件 共享 。 


所 有 者 、 组 、 其 他 
像 *rwx" 和 %f-X" 这 样 的 简写 描述 了 一 个 用 户 或 一 个 实体 的 权限 。 每 个 文件 或 文件 夹 的 权限 设置 
都 定义 了 三 个 实体 的 访问 能 力 : 所 有 者 、 组 和 其 他 。 


o 所 有 者 : 所 有 者 通常 是 创建 该 文件 的 用 户 。 在 您 的 root 目录 下 的 几乎 所 有 文件 和 文件 夹 都 
将 您 的 用 户 名 列 作 所 有 者 。 


e 28: Admin 用 户 就 是 一 些 被 称 为 “staff' 和 “admin" 的 组 的 成 员 。 超 级 用 户 “root" 是 这 些 及 其 
他 一 些 组 的 成 员 。 通 常情 况 下 ， 所 有 文件 和 文件 夹 都 被 分 配 
到 “staff' ` “admin” X*wheel" # 21 P » 

e 其 他 : 其 他 是 指 茶 个 文件 或 文件 夹 的 所 有 者 或 组 成 员 之 外 的 其 他 所 有 用 户 。 


因为 每 个 实体 都 有 其 自己 的 权限 ， 如 一 个 完整 的 权限 组 可 能 为 “-rwxrw-r--”"”。 前 面 的 连 字 符 指 
定 该 项 目 是 一 个 文件 而 不 是 文件 夹 。 文 件 夹 的 权限 以 “d" 开 头 ， 如 “drwxrw-r--”"。"“d” 代 表 
directory (目录 ) ， 表 示 文 件 夹 。 


使 用 Terminal 查看 权限 


在 终端 中 输入 list -1 ， 你 会 得 到 类 似 如 下 的 信息 : 


total 0 

drwx------ 6 leohxj staff 204B Jan 27 21:50 Applications 
drwx------ + 3 leohxj staff 102B Mar 11 14:54 Desktop 
drwx------ * 7 leohxj staff 238B Jan 18 22:11 Documents 
drwx------ + 5 leohxj staff 170B Mar 10 23:39 Downloads 
drwx------ @ 16 leohxj staff 544B Mar 11 14:54 Dropbox 
drwx------ @ 62 leohxj staff 2.1K Jan 17 23:22 Library 
drwx------ * 4 leohxj staff 136B Jan 3 21:37 Movies 
drwx------ * 7 leohxj staff 238B Jan 6 09:45 Music 
drwx------ * 8 leohxj staff 272B Feb 7 15:23 Pictures 
drwxr-xr-x* 6 leohxj staff 204B Jan 6 10:28 Public 


e drwx------ : 这 一 段 是 对 文件 或 者 目录 的 用 户 权 限 描述 ，d 代 表 目 录 ， 后 面 九 个 字符 ， 
每 三 个 为 一 组 ， 代 表 所 有 者 ， 组 成 员 和 其 他 用 户 。 

© leohxj : 这 一 栏 表示 所 有 者 。 

e staff ; 这 一 栏 表示 所 在 组 。 


e Mac OS X 中 权限 问题 的 故障 排除 


alias 设 置 


alias 是 一 个 shell 命 令 ， 可 以 理解 为 别名 ， 就 是 可 以 让 我 们 对 一 些 命名 重新 命名 ， 这 样 
中 ， 我 们 就 可 以 输入 更 少 的 字符 完成 同样 的 事情 。 


系统 自 带 (或 者 是 oh-my-zsh 添 加 的 ) 


在 终端 中 输入 alias ， 会 得 到 : 


a='fasd -a' 

afind='ack-grep -il' 

d='fasd -d' 

f='fasd -f' 

g-git 

ga-'git add' 

gaa-'git add --all' 

gap-'git add --patch' 

gb='git branch' 

gba='git branch -a' 

gbr='git branch --remote' 
gc='git commit -v' 

'gc!'z'git commit -v --amend' 
gca-'git commit -v -a' 
'gca!'z'git commit -v -a --amend' 
gcl-'git config --list' 
gclean-'git reset --hard && git clean -dfx' 
gcm='git checkout master ' 
gcmsg='git commit -m' 
gco='git checkout' 
gcount='git shortlog -sn' 
gcp='git cherry-pick' 
gcs='git commit -S' 


gd-'git diff' 

gdc-'git diff --cached' 

gdt-'git difftool' 

gg-'git gui citool' 

gga-'git gui citool --amend' 

ggpnp-'git pull origin $(current branch) && git push origin $(current branch)' 
ggpull-'git pull origin $(current branch)' 

ggpur-'git pull --rebase origin $(current branch)' 
ggpush='git push origin $(current branch)' 

gignore='git update-index --assume-unchanged' 
gignored-'git ls-files -v | grep "4[[:lower:]]"' 
git-svn-dcommit-push='git svn dcommit && git push github master:svntrunk' 
gk='gitk --all --branches' 

gl-'git pull' 

glg-'git log --stat --max-count-10' 

glgg-'git log --graph --max-count-10' 

glgga-'git log --graph --decorate --all' 

glo-'git log --oneline --decorate --color' 
globurl-'noglob urlglobber ' 

glog-'git log --oneline --decorate --color --graph' 
glp- git log prettily 

gm-'git merge' 

gmt-'git mergetool --no-prompt' 

gp-'git push' 

gpoat-'git push origin --all && git push origin --tags' 
gr-'git remote' 

grba='git rebase --abort' 

grbc-'git rebase --continue' 

grbi-'git rebase -i' 

grep-'grep --color=auto --exclude-dir={.bzr,.cvs,.git,.hg,.svn}' 
grh='git reset HEAD' 

grhh='git reset HEAD --hard' 

grmv='git remote rename' 

grrm='git remote remove' 

grset='git remote set-url' 

grt='cd $(git rev-parse --show-toplevel || echo ".")' 
grup='git remote update' 

grv='git remote -v' 

gsd='git svn dcommit' 

gsps='git show --pretty=short --show-signature' 
gsr='git svn rebase' 

gss='git status -s' 

gst='git status' 

gsta='git stash' 

gstd='git stash drop' 

gstp='git stash pop' 

gsts='git stash show --text' 

gts='git tag -s' 

gunignore='git update-index --no-assume-unchanged' 
gunwip='git log -n 1 | grep -q -c "\-\-wip\-\-" && git reset HEAD~1' 
gup='git pull --rebase' 

gvt='git verify-tag' 

gwc='git whatchanged -p --abbrev-commit --pretty=medium' 


gwip-'git add -A; git ls-files --deleted -z | xargs -rO git rm; git commit -m "--wip--"' 
history-'fc -1 1' 


l-'ls -lah' 
la='1s -1Ah' 
11="1s -1h' 
ls-'ls -G' 
lsa-'ls -lah' 
md='mkdir -p' 


o='a -e open' 
please=sudo 

po=popd 

pu=pushd 

rd=rmdir 
run-help=man 

s='fasd -si' 
sd='fasd -sid' 
sf='fasd -sif' 
st='open -a "Sublime Text"' 
v='f -e vim' 

which -command=whence 
z='fasd_cd -d' 
zz-'fasd cd -d -i' 


[i —— ái Id 


这 表明 mac 的 终端 其 实 自 带 了 一 些 alias 。 当 然 ， 我 们 也 可 以 手动 添加 9 


手动 添加 


自 定义 的 alias 应 该 在 终端 的 配置 文件 中 添加 ， 比 如 我 使 用 的 是 zsh， 就 在 .zshrc 文件 中 添 
加 。 
常用 的 操作 有 : 


* alias st-'open -a "Sublime Text"' : 打开 sublimeText 


Mac tt 


换 了 大 Mac 之 后 ， 我 首先 想到 的 还 是 装 一 些 常用 软件 。 


mac 的 软件 安装 不 同 于 window， 一 般 直 接 从 app store 里 搜索 下 载 。 或 者 去 软件 的 官网 下 载 
dmg 格 式 安装 ， 或 者 app 直 接 拖 到 application 再 安装 。 


rie 


币 


系 


Fl Ax AE 


Chrome: 官网 直接 下 载 。 

搜狗 输入 法 : 联想 能 力 比 较 出 众 。 
欧陆 词典 : 不 知道 为 什么 ， 客 六 和 apP-stefe 里 的 版 本 居然 不 一 致 ， 官 网 下 载 的 也 是 新 版 
本 ， 只 要 能 买 到 注册 码 ， 一 样 激活 。 

& Lik: 国内 的 限制 ， 被 迫 放弃 dropbox。 

dropbox: 为 了 同步 1password, 主要 用 于 手机 端 内 容 同 步 。 需 要 翻 墙 。 

QQ: windows m AR r6 * HS fie o 

迅雷 : 我 发 现 到 了 mac 下 都 变 得 简洁 了 。 

MPlayerX: 播放 器 ， 据 说 解码 能 力 强 。 

SPlayerX: 射手 播放 器 ，MAS 购 入 ，6RMB。 可 在 线 搜索 字幕 。 

VOX: MASHA > AR > AMEE o 

shadowsocks: shadowsocks-ios 版 本 默认 支持 自动 代理 模式 。 

iStat Menus : 查看 系统 状态 ， 磁 盘 ，CPU， 温 度 等 状态 的 工具 。 

BitTorrent Sync: p2p 同 步 服务 ， 可 实现 多 设备 网 盘 同 步 功 能 。 

Homebrew: mac 下 用 于 安装 命令 行 下 工具 的 apt-get 。 
Homebrew cask: mac 下 用 于 安装 应 用 的 apt-get。 

A Fa Bit: 个 人 觉得 最 好 的 云 笔记 。 

Mou: 最 好 的 markdown 编 辑 器 ， 但 是 我 更 习惯 ST3 编 辑 。 
CleanMyMac 2:- 电脑 垃 圾 清理 软 th 其 








Keka: MAS 正 版 购 入 ， 方 便 的 压缩 工具 。 

Spillo: pinboard 书 签 服务 客户 端 ，MAS 购 入 ，68RMB ° 
Readkit: 一 站 式 阅 读 工具 , MAS 购 入 ，68RMB ° 

[Day One]: 书写 类 工具 ， 日 记 软 件 ， 支 持 Markdown ° 
Fantastical: 日 历 软件 。 MAS 购 入 ，68RMB ° 


统 相 关 


**Startupizer 2: 管理 自 启动 项 工具 ， 可 根据 日 期 或 标签 设置 不 同 启动 。MAS 购 入 ， 
68RMB ° 

MacUpdate Desktop 6: app 安 装 更 新 工具 。 我 觉得 可 以 替换 brew cask 了 吧 ， 起 码 能 
什么 软件 有 更 新 。 下 载 资 源 包括 了 MAS 和 直接 下 载 。 

AppCleaner: app & LE ° 

DaisyDisk: 显示 磁盘 状态 的 工具 。 

OptimApps: 系统 优化 工具 ， 包 含 三 个 功能 。 

F.lux: 根据 日 出 日 落 调整 屏幕 色温 ， 保 护 视力 。 个 人 喜欢 设置 4000-5500 。 
caffeine: App Store 下 载 ， 免 费 。 取 消 自动 休眠 的 功能 。 

Yolink: 临时 存储 文件 或 内 容 的 工具 ， 感 觉 不 是 很 必要 。 

Timing: 付费 软件 ， 统 计 Mac 使 用 习惯 ， 每 天 做 了 什么 

fliglo: 时 钟 屏保 。 


BOOM 2: 音效 增强 工具 。 -GheatSheet: 星 示 快 捷 键 操作 -~ 
高 效 兴 的 工具 


Hider 2: 隐藏 系统 文件 的 工具 。 
xtraFinder : Finder 的 插件 。 

alfred 2: 效率 神器 /快速 启动 。 一 定 要 购买 powerpack 配 合 使 用 哦 ! 

1Password: 最 佳 密码 管理 工具 。 

TextExpander: 最 佳 输入 辅助 工具 。 

Manico: 付费 软件 ， 通 过 option 快 速 切 换 应 用 程序 。 

Karabiner: 修改 按键 映射 

Seil: 配合 karabiner, 修 改 CapsLock 了 映射 。 

AutoKeyboard: MAS 免 费 购 入 。 

BetterTouchTool: 自 定义 手势 操作 ， 以 及 鼠标， 按键 等 。 最 明显 的 帮助 是 让 我 的 鼠标 中 
间 左 右 切 换 起 作用 了 。 

ShortCat: 1 快速 移动 鼠标 软件 ， 默认 shift+command+space 查找 ， 按 住 control + 对 应 字母 
进行 快速 切换 。 

[Moom]: 付费 软件 ,68 元 ,其 实 sizeup 也 是 付费 的 。 但 我 更 看 好 moom 的 拖 放 ， 和 自 定 义 窗 
口 大 小 。 

Bartender: 官网 下 载 ， 付 费 软件 。 管 理 右 上 角 menu bar 图 标的 软件 。 

SynergyKM: 可 以 使 多 台 设 备 共用 一 套 键 鼠 。 

popClip: 付 费 软 件 ，30 元 ， 文 本 选择 辅助 工具 ， 高 效 。 

ClipMenu: 付费 软件 ，6 元 ， 剪 切 板 历史 管理 工具 。 不 如 windows 下 的 ditto 好 用 。 
XMind: 思维 叶 图 软件 ， 先 用 这 个 免费 版 本 ， 熟 悉 熟 悉 。 
jitebeh2: 触 控 板 辅助 工具 ”删除 的 原因 是 全 屏 的 手势 比较 容易 误 操作 ， 且 不 一 定 所 有 程 
a 支持 。 
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设计 相关 


Skitch : Evernote 出 品 ， 截 屏 、 标 注 工具 。 

LilyView: 图 片 查看 工具 。 

1000 Open Type Fonts: 字体 相关 软件 。 

[SnapRuler]: MAS 购 入 ，68RMB， 标 尺 以 及 截图 工具 。 


开发 工具 


e xCode: mac 下 开发 必 备 吧 。 

e iTerm2: 据说 是 最 好 的 终端 。 

。 SublimeText3: 最 好 的 文本 编辑 器 。 

e Dash: 超 全 文档 查看 工具 。 

e SourceTree: git GUI 工具 。 

e cotnerstone: SVN 客 户 端 。 

。 Abode 系 列 : 其 实 也 就 是 用 用 Photoshop ° 

。 MAMP : 本 地 服务 器 。 

。 CodeRunner 2: 代码 直接 编辑 预览 工具 。 

e FoobarPlus: 运行 代码 的 工具 。 

e Genymotion: 安 草 模拟 器 。 

e Textual 5: MAS 购 入 ， 免 费时 获取 。1IRC 聊 天 工具 。 
e OhMyStar: MAS 购 入 ，68RMB， 分 类 github star 项 目 。 
e Robomongo: MongoDB GUI 工具 。 

e WebStorm: web 开 发 IDE. 


brew x X f 


e git 

e fasd 

e htop 

e zsh 

e brew-cask 
e joe/gitignore 
e nvm 

e ruby 

e htop-osx 


e tree 


想 要 购买 的 


e iThoughtX: 脑 图 工具 ， 

e iStat Menus: 查看 系统 状态 。 

e mac-app-blocker: 给 软件 加 密 。 

e Multimon: 多 屏 工作 最 佳 伴侣 . 

e Snagit: 截屏 录 屏 编辑 一 条 龙 . 

e commandQ: 防止 误 按 command«Q ， 售 价 9.999$. 


参考 资料 


e Best-App 
。 Mac 软件 


iTerm2 


早 就 听 说 这 个 终端 工具 了 ， 可 以 完全 替代 terminal 。 
JU 
设置 


配色 


Solarized, 是 目前 最 完整 的 Terminal/Editor/IDE 配色 项 目 ， 几 乎 覆盖 所 有 主流 操作 系统 (Mac 
OS X, Linux, Windows) 、 编 辑 器 和 IDE (Vim, Emacs, Xcode, TextMate, NetBeans, Visual 
Studio 等 ) * 43% (iTerm2, Terminal.app, Putty ^F) 。 类 似 的 项 目 还 有 Tomorrow Theme ° 


#tomorrow-theme# 4| > F # Tomorrow-Night-Eighties.itermcolors < # > ak E 25 5A £l 
iTerm2  * #Perferences->Profiles->Colors->Load Presets 中 可 以 看 到 对 应 的 配色 。 修 改 即 
可 。 


P x SLAY Je] 


z tk Preferences->Profiles->Terminal->Terminal Emulation ¥ 8 #4 4443 A UTF-8 ° 


中 文 乱码 的 问题 需要 设置 一 下 locale ， 在 对 于 的 shell 配 置 文件 中 ， 比 如 bash 对 应 的 就 
是 -/.bashrc ，ZSh 对 应 的 就 是 -/.zshrc , 这 里 以 zsh 为 例 ， 打 开 .zshrc 文 件 ， 修 改 其 中 # You 


may need to manually set your language environment export LANG-en US.UTF-8 


# You may need to manually set your language environment 
export LANG=en_US.UTF-8 


接着 重启 一 下 终端 ， 或 者 输入 : source -/.zshrc ° 


一 些 快捷 操作 


e commandez &t : 切换 tab。 

©  command-enter : 全 屏 模 式 9 

e command+f : 搜索 ， 支 持 正则 表达 式 。 
© command+d : EETA ° 

© command+shift+d : 水 平分 屏 29 


© command+[ 或 command +] : 在 最 近 使 用 的 分 屏 直接 切换 。 

© command+t : 打开 新 标签 。 

© command+w : 关闭 新 标签 。 

© commands; : 自动 补 全 历史 命令 。 

© command+r : 清除 屏幕 ， 相 当 与 clear. 

© command+p/n : 上 一 条 /下 一 条 命令 ， 相 当 于 方向 键 上 和 下 。 


e ctrl«*r : 搜索 命令 历 £ s 
编辑 操作 


基本 的 Emacs 移 动 光 标 方式 。 还 有 一 些 很 好 的 操作 方式 ， 我 觉得 都 可 以 借鉴 配置 到 
SublimeText 中 。 


e ctrl«d : 删除 当前 字符 。 

© ctrl«h : 删除 之 前 的 字符 。 

e ctritu :删除 整 行 。 

e ctrlek :删除 当前 到 文本 末尾 的 字符 
e ctrltw : 删除 光标 前 的 单词 。 

e ctrl+t : 交换 当前 光标 和 前 一 个 位 置 ， 互 换 。 


o 





参考 资料 


e 官方 文档 
e 我 在 用 的 mac 软 件 (1)-- 终 端 环境 之 iTerm2 


brew 


homebrew 


homebrew， 是 mac 下 类 似 apt-get 的 软件 管理 工具 。 


通常 情况 下 brew 安 装 的 软件 都 会 在 brewprefix 返回 的 目录 中 ， 不 会 在 额 外 创建 文件 


AUR 


没 啥 说 的 ， 直 接 安装 官方 提供 的 方式 ， 终 端 下 运行 : ruby -e "$(curl -fsSL 
https://raw.githubusercontent.com/Homebrew/install/master/install)" 


安装 完 brew 之 后 ， 执 行 brew update 和 brew doctor ， 然 后 按照 提示 稍微 设置 下 ， 需 要 我 们 
将 /usr/local/bin 添加 到 PATH 路 径 的 最 前 面 ， 保 证 系统 优先 调用 到 的 是 brew 下 载 的 。 在 命名 


行 下 输入 : echo export PATH='/usr/local/bin:$PATH' >> -/.bash profile ° 


一 般 来 说 ， 我 会 用 brew 安 装 git, nvm, zsh。V2EX 有 人 统计 了 下 常用 的 安装 软件 : 


wget-26 
pkg-config=17 
automake=17 
autoconf=17 
readline=15 
git=14 
gettext=14 
libtool-14 
XZ=14 
pcre=13 
imagemagick=12 
zsh=12 
jpeg=12 
gdbm=12 
openssl-11 
mongodb=11 
cmake=11 
coreutils=11 
libevent=11 
tree=11 
freetype-11 
sqlite=11 
libpng-10 


macvim-10 
mtr-10 
libyaml-10 
mysql-9 
node-9 
mercurial-9 
tig-9 
nginx-9 
gnutls=8 
redis=8 
libgpg-error=8 
ack=8 

gmp-8 

tmux-8 
libtiff-8 
glib-7 

go-7 
libksba=7 
nettle=7 
p11-kit=7 
unrar=7 
phantomjs-7 
python=7 
libffi=7 
gawk=7 
libtasn1=7 
lua-7 
apple-gcc42-7 
libxslt-7 
dos2unix-6 
fontconfig-6 
python3=6 
htop-osx=6 
pixman=6 
ctags=6 

gd=5 
intltool=5 
git-extras=5 
swig=5 
curl=5 
neon=5 
jasper=5 
curl-ca-bundle=5 
icu4c=5 
p7zip=5 
postgresql=5 
zlib-5 
libxml2-5 


这 个 说 一 下 吧 ， 因 为 公司 的 电脑 是 别人 之 前 使 用 的 ， 暂 时 有 些 资料 需要 保存 ， 我 无 法 删除 ， 
我 新 建 了 个 用 户 继续 使 用 。 


之 前 的 brew 可 能 是 其 他 用 户 安装 的 ， 导 致 我 的 新 用 户 能 使 用 brew 命 令 ， 但 是 无 法 安装 ， 更 新 
(应 该 是 权限 读 取 的 问题 ) 。 所 以 我 想 印 载 brew 重 新 安装 。 官 方 提供 的 一 个 脚本 好 像 是 几 年 
前 的 ，uninstall homebrew.sh。 而 我 找到 一 个 说 明 ， 感 觉 比较 简单 明了 : 


Uninstall 


WARNING: Before copying and pasting these commands on your shell, make sure the first 
one ( brew -prefix ) returns the path where homebrew was installed properly. If not, you 
might ending up removing stuff from your computer you did not intend to remove. 


cd “brew --prefix^ 

rm -rf Cellar 

brew prune 

rm -rf Library .git .gitignore bin/brew README.md share/man/mani/brew 

rm -rf ~/Library/Caches/Homebrew 
http://superuser.com/questions/203707/how-to-uninstall-homebrew-osx-packet-» manager 


Reinstall 


ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go)" 
https://github.com/mxcl/homebrew/wiki/Installation 


也 许 第 一 次 删除 安装 还 是 会 出 问题 ， 那 就 结合 官方 提供 的 shell 里 的 路 径 ， 全 部 删除 ， 再 次 重 
È o 


特别 说 明 


我 这 里 删除 再 安装 之 后 ， 可 以 通过 brew install 安装 软件 ， 比 如 git。 但 是 执行 brew 
doctor 时 ， 会 报告 link 的 错误 : You have unlinked kegs in your Cellar ， 执行 brew link 


git 之 后 ， 会 提示 could not symlink opt is not writable ? 


此 问题 是 /usr/local A 录 缺 少 权 限 ， 执 行 sudo chmod -R g+w /usr/local ， 再 次 brew link 
git Bp FT o 


homebrew-cask 


cask, 它 是 brew 的 一 个 扩展 ， 提 供 命令 行 下 安装 软件 的 功能 。 它 所 安装 的 所 有 软件 都 
在 /opt/homebrew-cask/Caskroom 目录 下 ， 自 动 完 成 了 软 连 接 到 Application ° 


BR 


brew install caskroom/cask/brew-cask ? 一 键 安 装 


如 果 已 经 安装 的 用 户 ， 可 以 升级 到 最 近 版 本 : 


brew update && brew upgrade brew-cask && brew cleanup && brew cask cleanup 


还 有 要 说 明 的 一 点 : 默认 通过 brew cask 安 装 的 软件 ， 是 软 连接 到 -/Applications 目录 下 ， 这 
是 可 以 通过 设置 修改 的 ， 具 体 的 使 用 可 以 通过 man brew-cask 查看 。 


我 是 直接 echo export PATH='/usr/local/bin:$PATH' >> -/.zshrc ， 写 入 到 配置 文件 中 。 


Rh» A- 
运 和 
第 一 次 安装 过 后 ， 执 行 brew cask --help 查看 下 说 明 (其 实 只 要 是 第 一 次 运行 ) ， 需 要 你 提 


供 root 权 限 ， 方 PU er * 4% 8| Application ? ° 


安装 其 他 软件 的 话 ， 可 以 先 使 用 brew cask search <name> 查看 是 否 有 匹配 的 。 再 使 用 brew 
cask install <name> 进行 安装 。 成 功 之 后 ， 就 可 以 直接 在 Application 中 找到 刚刚 安装 的 软件 。 


关联 Alfred2 


安装 完 应 用 之 后 ， 如 果 你 是 Alfred2 用 户 ， 还 需要 设置 一 下 link， 使 得 Alfred 可 以 搜索 通过 brew 
cask 安 装 的 应 用 ， 操 作 方 法 是 : 


# 查看 状态 

brew cask alfred status 
# 设置 连接 

brew cask alfred link 


i$ M brew cask 安 装 的 软件 


e Dropbox 
e QQ 
e TextExpander 


LaunchRocket 


e homebrew-FAQ 


e 使 用 brew cask 来 安装 Mac 应 用 
e LaunchRocket 


LaunchRocket 是 一 个 管理 brew 安 装 的 service 的 工具 ， 安 装 之 后 可 以 看 所 有 的 service 的 运行 状 


zsh 


zsh 有 是 shell 语 言 类 型 ， 兼 容 bash， 提 供 强大 的 命令 行 功能 ， 比 如 tab 补 全 ， 自 动 纠 错 功能 等 。 
需要 修 修改 改 配置 文件 ， 就 能 很 顺手 。 


LÍ d 
4X zsh 
安装 方式 我 使 用 : brew install zsh ° 


替换 bash 的 方式 : chsh -s /bin/zsh 。 关 闭 终端 ， 再 次 打开 即 为 zsh 。 


注意 : 之 前 我 们 使 用 bash， 我 们 为 了 使 用 brew 安 装 的 软件 ， 修 改 了 -/.bash_prorile 文件 ， 
新 的 zsh 自 己 也 有 配置 文件 ， 是 -/.zshrc ， 需 要 将 配置 拷贝 到 -~/.zshrc 中 。 


或 者 在 安装 完 oh-my-zsh 后 ， 执 行 echo export PATH='/usr/local/bin:$PATH' >> -/.zshrc ° 


oh-my-zsh 
由 于 zsh 的 配置 是 很 复杂 的 ， 所 以 有 这 个 一 个 开源 项 目 oh-my-zsh， 帮 助 我 们 简化 zsh 的 配置 。 
官网 有 自动 安装 的 方法 ? 我 选择 的 是 : curl -L http://install.ohmyz.sh | sh ? 


安装 完成 后 ， 重 局 终端 就 能 看 到 界面 的 变化 了 。zsh 的 配置 文件 是 ~/.zshre ， 配 色 对 应 的 
日 
Fe 


ZSH_THEME . 
zshrc 
zshrc 是 zsh 的 配置 文件 ， 我 会 在 此 添加 一 些 alias 设 置 。 比 如 : 


alias st='open -a "Sublime Text"' 


oh-my-zshié ft 


oh-my-zsh 的 强大 之 处 还 在 于 提供 了 完善 的 插件 系统 。 相 关 的 文件 存储 在 -/.oh-my- 
zsh/plugins 中 > 默认 提供 了 100 多 种 SU 


默认 提供 的 插件 是 git, 需 要 添加 的 话 ， 修 改 -/.zshrc 中 plugins=(git autojump) PPT ° 


自动 跳 转 


Zz 和 autojump。 是 两 个 可 以 实现 自动 跳 转 的 插件 ， 都 是 可 以 通过 brew 下 载 的 。 


我 目 前 使 用 的 是 autojump ， 通过 brew install autojump TA? 并 且 在 -/.zshrc 中 修 
改 plugins-(git autojump) ° 重启 终端 。 


使 用 就 可 以 使 用 j 来 代替 cd 命令 了 ， 并 可 以 添加 自 定义 目录 ， 具 体 使 用 说 明 参 考 autojump 的 文 
档 或 者 autojump --help ? 


fasd 


fasd, 功能 上 和 z, autojump 差 不 多 ， 功 能 和 速度 上 更 优 。 它 会 按照 访问 的 频率 记录 下 文件 ， 帮 
助 用 户 快 速 访问 。 


安装 还 是 通过 brew: brew install fasd ° 安装 装 之 ， 我 安装 官 网 q a9 29 FK > 执行 了 : eval 
"$(fasd --init auto)" , 且 在 Zshrc 中 开启 对 应 x : plugins=(git fasd) ,重启 终端 即 可 使 
用 。 


asd comes with some useful aliases by default: 


alias a-'fasd -a' any 


alias s-'fasd -si' show / search / select 
alias d='fasd -d' 
alias f='fasd -f' 


alias sd-'fasd -sid' 


directory 

file 

interactive directory selection 
alias sf='fasd -sif' interactive file selection 


alias z-'fasd cd -d' cd, same functionality as j in autojump 


dk dk dk Gk Gt Gt dt dt 


cd with interactive selection 


1 
H 


alias zz-'fasd cd -d 


Example: 
f foo # list frecent files matching foo 
a foo bar # list frecent files and directories matching foo and bar 
f js$ 4 list frecent files that ends in js 
f -e vim foo # run vim on the most frecent file matching foo 
mplayer ^f bar^ # run mplayer on the most frecent file matching bar 
z foo # cd into the most frecent directory matching foo 
open ‘sf pdf^ # interactively select a file matching pdf and launch “open” 


参考 资料 


e 分 享 了 下 自己 的 终端 环境 ，iTerm2,zsh,z,tmux。 
e 终极 Shell——ZSH 


1Password 


参考 资料 


e 是 时 候 在 iPhone 上 忘掉 密码 了 : 1Password 5.0 for iOS 上 手 完 全 指南 


TextExpander 


Textexpander, 是 一 款 绝 佳 的 输入 辅助 工具 ， 完 成 最 简单 的 扩展 功能 ， 强 大 的 自 定 义 ， 利 用 好 
之 后 ， 效 率 绝对 提升 百倍 。 


首先 这 是 一 款 收 费 的 软件 ， 而 且 价格 不 便宜 。 单 用 户 授权 的 价格 是 34.9 美 元 ， 大 约 220 人 民 
币 。 我 每 验证 是 否 单 授权 可 以 用 于 多 台 机 器 ， 理 论 上 不 太 多 应 该 都 可 以 。 

设置 

安装 完成 之 后 ， 首 先是 一 段 设 置 向 导 ， 里 面 有 简单 的 介绍 。 默 认 用 法 就 是 直接 输入 就 帮助 你 
扩展 了 。 我 在 测试 的 使 用 ， 如 果 使 用 搜狗 输入 法 的 英文 状态 是 不 可 行 的 ， 这 算是 一 个 Bug 吧 。 
Group 


软件 左 侧 的 目录 可 以 设置 Group， 方 便 管理 类 别 ，TextExpander 官 方 提供 了 一 些 Group 方 便 下 
载 使 用 ， 在 添加 中 就 可 查看 。 注 意 别 添加 重复 了 。 


额外 推荐 一 个 Markdown 的 扩展 ，TextExpander-Snippets ° 


备份 


它 默 认 会 自动 备份 到 本 地 ， 也 可 以 选择 Dropbox 同 步 ， 但 是 它 会 直接 在 Dropbox 根 目录 下 创建 
一 个 TextExpander 目 录 。( 强 迫 症 比较 反感 ， 应 该 放 在 App 目 录 下 才 对 嘛 ! ) 


e TextExpander : 深度 解读 — 到 底 值 不 值得 买 ? 
e 利用 TextExpander 提高 在 Mac 上 撰写 Markdown 的 效率 
e TextExpander 使 用 技巧 第 一 弹 


欧陆 词典 


欧陆 被 成 为 最 好 的 Mac 词 典 ， 比 较 老 牌 了 ，Mac 下 做 的 很 好 ， 反 倒 在 window 下 感觉 不 适 。 


L >> Jt 

软件 安装 

免费 版 的 话 ， 可 以 在 app store 中 下 载 。 付 费 版 本 app store 中 也 有 ， 但 是 售 价 也 高 。 可 以 参与 
一 些 团购 活动 ， 我 就 是 通过 这 种 方式 购买 的 。 一 个 激活 码 ， 可 以 激活 三 台 设 备 。 

E : 

软件 设置 


通用 设置 中 : 选择 开机 自 动 局 动 ? 关闭 新 闻 相 REA o LightPeek 1% 3t € — 4 3$ 3E menubar 
的 搜索 框 ， 我 也 关闭 了 。 


快捷 键 


取 词 的 话 ， 我 设置 了 command 按 下 取 词 。 划 词 功 能 也 被 我 关闭 了 ， 因 为 我 配合 popClip 实 现 划 
词 翻 译 的 功能 。 


所 有 的 快捷 键 中 ， 我 只 设置 了 ctrl+commander+x 开 局 窗口 的 功能 ， 方 便 详 细 的 查询 。 
词典 设置 


关于 词典 的 选择 ， 参 考 市 面 上 最 常见 的 牛津 高 阶 英汉 双 解 词典 ， 朗 文 当 代 高 级 英语 秤 典 和 柯 
林 斯 COBUILD 高 阶 英 汉 双 解 学 习 词 典 有 何 特色 ? 


popClip 


popClip 是 一 个 划 词 扩 展 插 件 ， 可 以 方便 的 实现 划 词 复制 ， 粘 贴 等 功能 。 比 较 有 特点 的 是 它 支 
持 扩 展 ， 可 以 结合 很 多 应 用 ， 比 如 欧陆 词典 。 


Eudic 

欧陆 词典 的 插件 ， 可 以 通过 欧陆 查 词 。 
Wikipedia 

查询 维基 百科 ， 可 选 查询 语言 。 
Dash 


可 以 调用 dash 查 询 。 


PDF Highlight 


可 以 在 Preview 和 Skim 中 标注 高 亮 。 


e 扩展 下 载 


manico 


manico 是 国人 开发 的 一 款 快速 启动 辅助 工具 ， 特 点 是 按 住 option+<other> ，other 可 为 任意 按 
键 ， 启 动 应 用 。 默 认 是 数字 结合 qwert 一 次 排序 。 


设置 


首先 我 的 Mac 下 安装 了 Alfred2 ， 一 般 的 app 可 以 快速 启动 。 购 买 manico 主 要 的 用 处 是 指定 几 
个 专属 的 启动 快捷 键 。 这 一 点 让 我 回想 起 了 黑莓 手机 ， 它 的 全 键盘 能 够 快速 启动 任何 应 用 。 


设置 原则 


我 按照 左手 操作 ， 尽 量 不 借助 右手 的 原则 ， 分 配 了 数字 键 : 1 2 3 4 ,字母 : qwerad。 没 有 
包含 s 是 因为 个 人 将 option«s 分 配给 了 alfred2 。 注 意 这 些 按键 ， 正 好 是 键盘 的 三 排 。 每 一 
排 我 按照 功能 进行 不 同 分 配 : 


e 第 一 排 : finder, chrome, evernote 


e 第 二 排 : Dash, SublimeText, iTerm2 


Je 


© 第 三 排 : Spillo, Alfred2, Doit.im 


除了 这 三 排 按键 的 设置 ， 我 还 按照 了 应 用 的 功能 分 配 了 一 些 其 他 按键 ， 比 如 optionem ^ X 

动 的 一 个 Music 相 关 的 应 用 ， 比 如 iTunes。 

这 样 设置 的 话 ， 可 以 通过 左手 去 快速 切换 我 常用 的 任何 应 用 。 读 者 不 需要 按照 这 样 去 设置 ， 
这 里 举例 的 都 是 个 人 喜好 ， 原 则 是 希望 告诉 大 家 去 设置 一 下 常用 的 应 用 ， 节 约 切 换 app 的 时 间 
(不 要 小 看 这 个 时 间 )。 


目前 个 人 选择 的 是 Moom, 原因 是 用 的 人 多 ， 好 评 多 。 但 是 经 常 在 论坛 中 看 到 有 人 对 窗口 管理 
器 进行 讨论 ， 也 记录 一 下 最 近 看 到 的 。 


软件 列表 


e spectacle: Spectacle 的 resize 和 move 功能 基本 齐全 ， 还 支持 使 用 快捷 键 放 大 和 缩 
口 ， 本 身 也 免费 、 开 源 。 可 是 唯 独 缺 了 移动 窗 el workspace 的 功能 。 

e Moom 

e Divvy 

e sizeup : 想 要 的 move 功能 还 有 resize 都 包含 在 内 (就 差 Spectacle 的 放大 缩小 窗口 
T) ， 键 盘 党 的 福音 。 

e BetterSnapTool: BetterSnapTool 也 是 插 有 自己 特色 的 ， 尤 其 是 给 窗口 边框 专门 定制 了 
些 功能 。 价 格 1.99 美元 ， 也 莫 是 几 个 收费 应 用 里 最 便宜 的 。 

e slate:， 号 称 可 以 替换 Divvy，SizeUp，Shiftlt (这 货 头 次 听 说 ) 。 和 Spectacle 一 样 是 开 
源 的 。 可 定制 性 强 ， 但 配置 麻烦 ， 配 置 文件 很 长 。 

e Mjolnir: Mjolnir 比 Slate 更 像 AwesomeWM 的 缩微 移植 版 ， 连 配置 文件 都 是 用 lua 5 
的 。 

e Layouts: Layouts 是 纯粹 用 Alfred Workflow 实现 的 窗口 管理 器 ， 如 果 你 是 个 Alfred 小 狂 
人 ， 不 妨 试 上 一 试 。 


使 用 感受 

之 前 一 直 nd Spectacle * Spectacle 的 resize fe move 功能 基本 齐全 ， 还 支持 使 用 快捷 键 放 
大 和 缩小 窗口 ， 本 身 也 免费 、 开 源 。 可 是 唯 独 缺 了 移动 窗口 到 其 他 workspace 的 功能 。 
因为 工作 需要 开 很 多 窗口 ， 快 速 移动 窗口 是 必须 的 功能 ， 所 以 只 能 放弃 Spectacle 啦 。 于 是 
考察 了 Moom，Divvy，BetterSnapTool 等 等 。 

Moom， 看 起 来 是 不 错 ， 不 过 我 是 键盘 党 ， 所 以 好 大 一 块 卖点 我 用 不 到 ， 而 且 也 不 支持 
workspace /4] 4 4% 4) ° AFF o 

Divvy > $e Moom 一 样 的 问题 。 放 弃 。 


BetterSnapTool， 没 找到 试用 版 。 用 过 朋友 的 分 享 一 下 使 用 感受 吧 。 


aa 买 了 ...... SizeUp， 想 要 的 move 功能 还 有 resize 都 包含 在 内 (就 差 Spectacle 的 放大 
缩小 窗口 了 ) ， 键 盘 党 的 福音 。 虽 然 原价 比 其 他 贵 一 点 ， 不 过 随便 搜 搜 就 能 找到 3096 off 的 
coupon > F KA ÆRE o 


BetterTouchTool 


BetterTouchTool (简称 BTT) ,是 一 款 完 全 免费 的 Mac 辅助 应 用 ， 可 以 用 来 代替 默认 的 系统 
操作 方式 (组 合 键 、 修 饰 键 、 手 势 等 ) ， 其 目的 是 方便 用 户 创造 出 更 适合 自身 习惯 的 操作 行 
为 ， 是 Mac 上 非常 强大 的 触摸 板 辅助 工具 。 


e Mac 触摸 板 增强 让 


器 :BetterTouchTool 上 手指 南 
e Mac 触摸 板 增强 神器 


中 
中 器 : BetterTouchTool 进 阶 指南 


开发 环境 


在 PC 下 ， 我 一 般 都 会 安装 好 各 种 开发 语言 ， 设 置 好 命令 行 ， 搭配 好 开发 的 编辑 器 或 
IDE 。 


开发 语言 
mac 系 统 上 自 带 了 gcc, g++, ruby, python 的 环境 。Objective-C 的 开发 当 安 装 上 xCode 之 后 也 配 
置 好 了 。 
我 一 般 还 会 安装 上 nodejs, git java ° 


安装 的 方式 我 会 选择 brew， 类 似 linux 系 统 下 的 apt-get。 但 有 些 命 令 比如 git 在 xXCode 安 装 的 时 
候 就 已 经 绑 定 了 ， 这 时 需要 我 们 将 /usr/1ocal/bin 添加 到 PATH 路 径 的 最 前 面 ， 保 证 系统 优先 
调用 到 的 是 brew 下 载 的 。 在 命 名 行 下 输入 : echo export PATH='/usr/local/bin:$PATH' >> 
~/.bash_profile ° 


这 一 步 也 可 以 执行 brew doctor 来 检测 。 


Finder 中 打开 


通常 Finder 会 搭配 上 XtraFinder 插 件 ， 可 以 在 目录 中 直接 打开 终端 ， 且 可 指定 终端 为 iTerm2 。 


iTerm2 


在 我 还 没有 使 用 mac 的 时 候 ， 我 就 常常 看 见 别人 推荐 iTerm 2 这 个 强大 的 终端 软件 ， 用 来 蔡 代 
原生 的 终端 。 


目前 我 设置 过 的 就 是 新 建 窗口 的 大 小 ， 默 认 是 80x25 我 觉得 太 小 了 ， 改 为 了 120x30。 


下 一 步 打算 修改 一 下 配色 ， 以 及 设置 一 下 全 局 开启 的 快捷 键 。 


zsh 


shell 是 终端 与 系统 交互 的 一 种 语言 ， 黑 认 的 是 bash， 但 是 最 好 的 是 zsh。 安 装 方式 我 使 


用 : brew install zsh 。 


替换 bash 的 方式 : chsh -s /bin/zsh 。 关 闭 终端 ， 再 次 打开 即 为 zsh e 


注意 : 之 前 我 们 使 用 bash ， TUA 了 使 用 brew 安 装 的 软件 ， 修 改 了 ~/.bash_prorile 文件 ， 
新 的 zsh 自 己 也 有 配置 文件 ， -/.zshrc ， 需 要 将 配置 拷贝 到 -/.zshrc 中 。 


或 者 在 安装 完 oh- -my-zsh 后 ， 执行 echo export PATH='/usr/local/bin:$PATH' >> -/.zshrc ° 


oh-my-zsh 

由 于 zsh 的 配置 是 很 复杂 的 ， 所 以 有 这 个 一 个 开源 项 目 oh-my-zsh， 帮 助 我 们 简化 zsh 的 配置 。 
官网 有 自动 安装 的 方法 ， 我 选择 的 是 : curl -L http://install.ohmyz.sh | sh ° 

安装 完成 后 ， 重 启 终端 就 能 看 到 界面 的 变化 了 。zsh 的 配置 文件 是 -/.zshrc ， 配 色 对 应 的 

是 ZSH THEME . 

oh-my-zshié + 


oh-my-zsh 的 强大 之 处 还 在 于 提供 了 完善 的 插件 系统 。 相 关 的 文件 存储 在 ~/ .oh-my- 
zsh/plugins 中 ， 默 认 提 供 了 100 多 种 。。。 


默认 提供 的 插件 是 git, 需 要 添加 的 话 ， 修 改 ~/.zshrc 中 plugins=(git autojump) PPT ° 


自动 跳 转 
Zz 和 autojump。 是 两 个 可 以 实现 自动 跳 转 的 插件 ， 都 是 可 以 通过 brew 下 载 的 。 


我 目 前 使 用 的 是 autojump ， 通过 brew install autojump TA? 并 且 在 ~/ .zshrc 中 修 
改 plugins=(git autojump) ° 重启 终端 。 


使 用 就 可 以 使 用 j 来 代替 cd 命令 了 ， 并 可 以 添加 自 定义 目录 ， 具 体 使 用 说 明 参 考 autojump 的 文 
档 或 者 autojump --help ? 


参考 资料 


e 分 享 了 下 自己 的 终端 环境 ，iTerm2,zsh,z,tmux。 
e 终极 Shell——ZSH 


快捷 键 设 置 


Mac 与 PC 上 手 最 大 的 不 同 ， 肯 定 就 是 按键 问题 了 。 我 喜欢 将 普通 键盘 上 的 win 与 alt 映 射 为 mac 
下 的 option 和 command 键 。 这 样 键盘 的 布局 与 标准 的 苹果 键盘 相似 。 


通常 PC 下 很 多 ctrl 的 组 合 操作 ， 都 能 对 于 为 command 的 组 合 操作 © 
通过 一 段 时 间 的 使 用 ， 我 发 现 我 切换 程序 多 使 用 的 是 alfred2 + Manico + 快捷 键 方式 . 


option 按键 主要 用 于 切换 程序 ， shift+command+ 其 他 主要 用 于 程序 的 功能 。 


全 局 快捷 键 


先 提 一 点 ， 我 喜欢 把 Mac 键 盘 最 上 方 的 那 一 排 保持 F1~F12 的 功能 ， 快 捷 功 能 通过 和 的 组 合 键 
形式 实现 ， 实 现 这 一 点 请 勾 选 : System Perference -> Keyboard -> Use all f1, f2, etc keys as 
standard function keys. 


修改 快捷 键 在 :System Perference -> Keyboard -> Shortcuts ¥ ° 
我 的 主要 修改 如 下 : 
Lunchpad & Dock: 


e Turn Dock Hiding On/Off: 取消 设置 。 
e Show Launchpad: F4. 


Display: 
默认。 
Mission Control : 


e Mission Control: ctri+top . 
e Show Desktop: F11. 


Move left a space: ctrit+left . 
e Move right a space: ctri+right . 
e Switch to Desktop: command+num . 我 个 人 是 创建 了 四 个 桌面 。 


Keyboard: 
默认 。 
Input Sources: 


e Select the previous input source: Command+Space . 


e Select next source in Input menu: 取消 设置 。 
Screen Shots: 
默认 。 
Services: 
默认 。 
Spotlight: 


e Show Spotlight search field: 取消 设置 。 
e Show Spotlight window: 取消 设置 。 


Accessibility: 
默认 。 
App Shortcuts: 


这 里 的 内 容 ， 是 设置 全 局 的 快捷 键 ， 也 可 以 指定 菜 个 软件 内 的 快捷 键 ， 但 是 需要 设置 对 应 的 
菜单 项 名 称 才 OK。 上 比如 我 设置 Finder 中 的 New Terminal Here ，( 此 功能 是 通过 Extra Finderdé 
件 实现 的 ) 。 则 添加 : 


e Finderapp: New Terminal Here ,设置 ctrl+command+t . 


Karabiner 


Karabiner, 原因 叫做 KeyRemapaMacBook 是 一 款 很 出 色 的 修改 键盘 映射 的 工具 ， 我 目前 还 没有 
开发 出 它 的 潜能 ， 只 是 用 来 替换 了 左下 角 的 外 与 control 。 


此 软件 可 以 设置 几 个 配置 方案 ， 比 如 我 建立 了 Default 和 coding 两 种 方案 。 


Seil 


Be. &Karabiner, 44 zx CapsLock4£ 4£ VF M » #38 3t Karabiner,i€ € sCskshiftiz& CapsLock. 


SublimeText 3 


单独 开 贴 介绍 了 。 


Alfred 2 


-alt+s-- 弹 出 窗口 = 


配合 Karabiner+Seil, 映射 到 CapsLock 上 。 


Manico 


默认 ， alt+num 选择 程序 A 


Moom 


Mouse: 


e 开启 Snap to Edges and Corners: 实现 拖 搜 到 边缘 放大 的 功能 。 
e Delay 设 置 了 :0.1s。 


Custom, 添加 三 种 自 定义 的 方式 : 


e Move & Zoom: 全 屏 ， shift+command+1 。 
e Resize: 大 小 100x600，shift+command+2 ° 
e Move & Zoom: 屏幕 上 方 全 屏 ， shift+command+3 ° 


ClipMenu 


设置 shiftt+tcommand+v 。 弹 出 窗口 。 


ExtraFinder 


Add items to Finder menus: 


e Copy Path: Default: Path. 

e Show Hidden Items: shift+h . 
e New Terminal Here: iterm . 

e New File..: 4 LE. 


EuDic 


通用 : 


e 启动 时 最 小 化 欧陆 词典 主 窗口 : t. 
。 LightPeek 快捷 搜索 : 关闭 . 


取 词 : 


e 开局 鼠标 自动 取 词 功能 : command 键 按 下 时 局 动 。 
e 开局 划 词 搜索 : 关闭 . 


快捷 键 : 


e 显示 /隐藏 窗口 : shift+command+x . 
e HA: XH. 


1Password 

被 党 为 最 好 的 密码 管理 工具 。 名 不 虚 传 。 默 认 没 有 直接 打开 界面 的 功能 ， 所 以 我 通 
过 manico FBX T option+x 的 快捷 方式 。 

默认 提供 的 快捷 键 修改 为 : 


e Lock: -shift+eemmand+t- ， 取 消 原 因 是 和 sublime 有 冲突 。 
e Show Mini: shift+command+\ 
e autofill: command+\ 


SnapRuler 


这 是 一 个 测量 工具 ， 也 提供 了 截图 的 功能 。 索 性 我 就 用 它 来 替换 系统 的 截图 工具 吧 。 


从 keyboard->shortcuts 中 取消 系统 的 截图 快捷 键 。 设 置 SnapRuler 的 快捷 键 


为 shiftt+command+4 ° 


图 片 保存 路 径 为 Pictures-»SnapRuler ° 


e OSX: £i 
e Karabiner 


介绍 一 些 终端 下 常用 的 命令 。 首 先 说 明 一 下 ， 本 人 的 环境 为 : iTerm2+zsh 。 


nia 
a JF] ay 
Jt4á&— 4] » AAN ^ TVAE AR LUE REA MHS > RAT: 


history | awk '{CMD[$2]++;count++;} END { for (a in CMD )print CMD[ a ]" " CMD[ a ]/count 
BEEN 


e clear: 清除 屏幕 。 
° pue: 查看 当前 路 径 
e cd: 进入 目录 ， 常 常 配合 一 些 字 符 使 用 。 比 如 : 
o 6», :返回 上 级 目录 。 
o -~ :返回 用 户主 目录 。 
o - :返回 上 次 操作 目录 。 
o / :返回 系统 根 目 录 。 
e Is: 列 出 目录 信息 。 
e mkdir: 创建 目录 。 
e touch: 创建 文件 。 
e cp: 拷贝 文件 。 
e mv: 移动 文件 ， 或 者 重 命 名 文件 。 
erm: 删除 文件 。 
e cat: 查看 文件 内 容 。 
e grep: 查找 文本 信息 。 
e man: 手册 命名 ， 查 看 各 个 命名 的 帮助 。 





系统 操作 


e open: 可 以 打开 文件 ， 目 录 和 程序 。 通 过 man open 查 看 具体 内 容 ， 我 常用 来 在 终端 下 打 
开 Finder ， 比 如 open . 。Windows 下 对 应 的 使 用 explorer 命令 。 或 者 打开 Applications 
下 的 程序 ， 使 用 open "/Applications/Sublime Text.app" test.md ° 


dotfiles 


dotfiles 就 是 软件 的 配置 文件 。 一 般 用 于 软件 设置 ， 可 以 通过 备份 dotfiles 的 方式 ， 同 步 软件 设 
置 。 


同步 原理 
主要 是 应 用 了 ln 软 连接 的 功能 ， 命 名 格式 如 下 : 


In [参数 ][ 源 文件 或 目录 ] [目标 文件 或 目录 ] 


在 我 们 备份 dotfiles 中 常用 的 参数 有 In -s 软 链接 ，Ss 是 代号 symbolic 的 意思 ， 所 谓 软 链接 ， 她 只 
会 在 你 选 定 的 位 置 上 生成 一 个 镜像 ， 而 不 会 占用 磁盘 空间 ， 而 如 果 使 用 In 不 带 参数 的 话 ， 则 就 
是 硬 链 接 ， 会 在 选 定 的 位 置 上 生成 一 个 和 源 文件 大 小 相同 的 文件 ， 占 用 磁盘 空间 。 注 意 在 创 
建 软 连接 之 前 ， 保 证 目标 文件 是 不 存在 的 。 


如 何 同步 


e due es o 之 前 








还 是 按照 需要 同步 的 频率 决定 使 用 什么 方式 管理 dotfile 吧 ，dropbox 里 面 还 是 放置 一 些 常 用 的 
配置 文件 ，git 还 是 用 来 管 o 


cd - 
mv .zshrc ~/Users/l/dotfiles/zshrc 
ln -s -/Users/l/dotfiles/zshrc .zshrc 


这 里 举例 的 是 zsh 的 配置 文件 ， 其 他 原理 同 此 。 最 后 把 git push 到 服务 器 端 既 可 。 


如 何 恢 复 


首先 更 新 下 对 应 的 dotfiles 目 录 ， 然 后 删除 掉 恢 复 的 配置 文件 ， 再 次 使 用 软 连 接 恢 复 。 


git clone xxxx 
rm -rf .zshrc 
ln -s dotfiles/zshrc .zshrc 


关于 恢复 ， 还 可 以 通过 脚本 文件 实现 自动 化 。 以 后 补充 。 


RA 


e zsh 配 置 文件 
e SublimeText3 配 置 文件 
e dash 


e dotfiles 
e dotfiles.github.io 
e mackup 


Android E 


Android 是 google 推 出 的 一 款 操 作 系 统 ， 主 要 使 用 在 手机 端 。 


优点 是 开源 免费 ， 缺 点 是 版 本 过 多 ， 设 备 尺寸 碎 片 化 。 导 致 很 多 应 用 无 法 全 部 适 配 。 


3t e f 


应 用 列表 在 豆 闪 中 建立 了 一 个 豆 列 : 我 的 安 草 应 用 。 


常用 必 备 


e Chrome: 最 常用 的 浏览 器 。 配 合 google 账 号 ， 可 以 同步 书签 。 

e 知 趣 天 气 : 喜欢 里 面 的 多 天 气 源 和 桌面 的 小 播 件 。 

e ARE: 联系 人 和 拨号 辅助 工具 ， 号 码 来 源 比 较 智 能 。 

e 搜狗 输入 法 /百度 J 比较 喜欢 百度 的 简洁 。 

e 怪物 赔 钟 -提供 多 

e Morning Routine: 一 个 游戏 公司 开发 的 闹钟 应 用 ， 关 闭 曾 钟 可 以 显示 天 气 ， 并 设置 跳 转 
到 指定 应 用 。 

e $,2 X: 国内 的 andorid 应 用 市 场 。 

e google 服 务 : 包括 邮件 ,日 历 ,联系 人 ,play 应 用 市 场 等 功能 。 

e My Day: 日 期 倒计时 工具 ， 记 录 一 些 重要 的 日 期 ， 可 以 按照 年 月 日 ， 或 者 天 数 查看 。 


HK Jn el AL 





系统 辅助 


e Switchr: 通过 边缘 滑动 触发 ， 切 换 最 近 的 应 用 。 

e SuperSU: 提供 root 权 限 ,不 必 每 次 确认 是 否 使 用 。 

。 Adblock Plus: 智能 拦截 应 用 中 的 广告 。 

e 钛 备份 : 备份 应 用 到 SD 卡 中 ， 安 装 但 没 使 用 过 

e 绿色 守护 : 防止 一 些 应 用 在 后 台 自 动 运行 。 

e SetDNS : 方便 切换 DNS 。 

e 猎豹 清理 大 师 : 清理 系统 垃圾 。 

e AirDroid: 有 对 应 的 客户 端 ， 功能 比 Pushbullet 强 大 ， 就 是 “ 重 * 了 点 。 

。 Pushbullet: 推送 服务 ， 可 以 和 电脑 互相 推送 网 页 ， 图 片 。 

。 Link Bubble: 付费 软件 ， 帮 助 节省 页 面 加 载 的 等 待 时 间 。 

e 蓝 色 光波 过 滤 : 长 期 阅读 文字 时 ， 配 色 比 较 不 刺眼 。 

e AH: 根据 日 出 日 落 控制 光波 ， 保 护 视 力 ， 安 上 草 上 的 flux 。 

e Lockdown Pro: 锁定 指定 应 用 ， 和 上 面 的 差不多 ， 这 两 个 在 我 锤子 里 都 安装 不 了 ， 解 析 
数据 包 错 误 。 

e LastPass: 密码 保存 工具 。 

e 1Password: 全 平台 密码 管理 工具 。 

e 影 梭 : shadowsocks 翻 墙 服务 。 


e Wifi; $641 xt: 链接 别人 提供 的 无 线 网 络 。 
e BitTorrent Sync: p2p 同 步 服务 ， 可 实现 多 设备 网 盘 同 步 功 能 。 


个 人 效率 管理 


© SolMail: 我 喜欢 这 家 公司 的 产品 风格 ， 这 个 是 邮件 客户 端 。 
e Doit.im: GTD 类 工具 ， 付 费 。 

e 为 知 笔记 /印象 笔记 : 笔记 软件 。 

e Pinboard : 书签 保存 与 搜索 软件 。 

e Sunrise : 日 历 软件 。 

e 挖 财 : 理财 软件 。 

e Trello: 团队 项 目 管 理 。 


社交 类 


e 微 信 : 足以 替代 短信 ， 何 况 还 有 朋友 圈 和 订阅 号 。 
e 微 博 : 订阅 一 些 账号 ， 分 组 查看 。 当 了 解 新 闻 。 
e Instagram: 图 片 社交 软件 ， 保 存 自己 一 些 手机 摄影 图 片 。 


阅读 类 


e 搜狐 新 闻 : 新 闻 类 软件 。 

e 知 乎 ， 知 乎 日 报 : 知 乎 日 报 每 日 必 读 。 

Press: 付费 软件 ，RSS 订 阅 服务 ，RSS 源 使 用 feedly 。 
Pocket: 稍 后 阅读 ， 支 持 离 线 阅 读 。 

e 多 看 阅读 : 电子 书 软 件 。 

e RAER : 提供 发 现 好 的 应 用 途径 。 

什么 值得 买 : 发 现 优惠 信息 。 


图 片 处 理 
e 快 图 浏览 : 浏览 手机 照片 ， 足 以 替代 手机 默认 相册 。 


e Snapseed : 处 理 照 片 软件 。 
e HAJAZAA: 同步 照片 到 网 易 云 相册 中 。 


生活 相关 


e KAA: 很 好 的 解决 一 个 吃 货 的 选择 问题 。 

© 团 800 : 各 种 团购 的 综合 搜索 。 

e 快 的 打车 : 解决 出 行 打车 问题 。 

e 猫眼 电影 : 解决 电影 订 座 问题 。 

e 高 德 地 图 : 解决 路 将 问题 ， 开 车 的 情况 下 使 用 较 好 。 

e 百度 地 图 : 公交 功能 实用 ， 不 开车 的 导航 情况 下 比 高 德 好 。 
e 支付 宝 钱包 : 方便 网 购 ， 转 账 。 

e 招商 银行 : 查看 银行 账户 信息 。 

e 联通 手机 营业 厅 : 方便 查看 剩余 话费 和 流量 。 


影音 视频 


e HFM: 电台 软件 ， 收 音 机 。 

e. 荔枝 FM : 有 不 少 优质 的 节目 。 

e 优酷 视频 : 优酷 的 纪录 片 频道 还 可 以 。 
e 搜狐 视频 : 订阅 美剧 。 

e 风云 直播 : 查看 电视 直播 。 


运动 健康 
e 家 庭 用 药 : 对 症 下 药 ， 不 要 乱 投 医 。 


e Nike Running : 跑步 软件 。 
e runtastic 系列 : 这 个 系列 的 软件 没 一 个 都 值得 拥有 。 


。 欧陆 词典 ; 优点 是 可 自 定义 扩充 词 库 。 
e 扇贝 单词 : 背 单词 软件 。 
e 网 易 公开 课 : HATED 。 


e 爱 尚 吉他 : 教学 与 吉他 谱 资 源 较 多 。 


e 我 的 macbook 应 用 清单 


程序 员 的 自我 修养 


常用 软件 185 


GooglePlay 登 录 美 国 区 的 方式 


双 十 一 的 时 候 购 入 了 狂 子 手机 ， 整 体感 觉 很 优雅 。 由 于 是 Android 系 统 ， 所 以 第 一 件 事 情 我 还 
是 安装 Google 的 相关 服务 。 然 后 下 载 一 个 Google Play 市 场 ， 下 一 些 正 品 的 应 用 。 


Google 服 务 框 梁 


E As AAP SEU ES VAR ^ 4x, — BABA Android > «TOR ` RHR > HEF > ix — ML E Android 
pude: o Mita ， 还 是 很 喜欢 锤子 的 系统 ， 喜 欢 这 件 事情 ， 是 一 个 很 主观 的 事 
情 ， 必 须要 自 a o 


Android 系 统 ， 不 用 Google 服 务 ， 总 感觉 缺失 了 一 些 安全 感 。 作 为 一 个 程序 员 ， 有 着 良好 的 科 
学 上 网 方式 ， 我 是 必须 装 上 Google 服 务 的 。 锤 子 这 一 点 我 觉得 做 的 就 比 其 他 系统 好 很 多 ， 它 
的 内 置 应 用 商店 中 就 有 一 个 Google & TAS ,并 且 当 你 要 下 载 使 用 Google 服 务 相关 的 应 用 时 
候 ， 它 的 软件 描述 中 还 会 告知 用 户 请 先 下 载 Google 服 务 ， 很 贴心 。 


下 载 并 安装 完成 之 后 ， 可 能 要 先 翻 墙 一 下 ， 然 后 登陆 Google 账 号 。 然 后 选择 你 要 同步 的 内 容 
即 可 。 我 不 推荐 同步 联系 人 和 人 脉 ，google 的 联系 人 中 还 包含 了 你 发 送 邮 件 的 地 址 ， 显 得 很 
混乱 。 不 如 使 用 QQ 同步 助手 这 样 专门 用 于 联系 人 同步 的 软件 。 一 般 我 只 用 来 同步 日 历 。 


设置 翻 墙 


选择 一 个 翻 墙 方式 ，VPN 或 者 shadowsocks。 一 定 要 记 住 必须 是 美国 的 ip, 可 以 在 百度 中 搜索 
IP 查 看 验证 。 


电脑 端 设置 


Ya 


首先 清空 或 者 选择 Chrome 的 隐私 模式 。 首 先 登 陆 Google Wallet, 不 是 Google Play ° 


ARTS 次 地 址 ， 由 于 我 之 前 绑 定 了 信用 卡 ， 在 左 侧 的 导航 栏 里 > 选择 Payment Method ， 保 险 
起 见 ， 建 议 右 侧 的 Setting 里 面 的 Home Address 也 一 并 修改 了 。 修 改 地 址 为 : 


Leo Hui 

1 World Way 

Los Angeles World Airports 
Los Angeles CA 90045 US 


修改 完成 之 后 ， 登 陆 Google Play, 理论 上 看 到 的 就 是 美 区 的 内 容 了 ， 特 点 是 左 侧 导 航 里 会 有 
图 书 ， 音 乐 等 选项 。 


选择 一 本 免费 得 图 书 ， 点 击 购买 ， 选 择 使 用 兑换 码 购买 ， 输 入 一 个 使 用 过 的 代码 ， 比 
如 2M7J2LPCU7K62QK6U546 即 可 。 点 击 下 一 步 ， 会 告知 此 兑换 码 已 经 使 用 过 ， 这 就 达到 我 们 的 目 
的 了 。 就 是 为 了 记录 一 次 购买 经 历 。 然 后 就 可 以 关闭 当前 付款 窗口 。 重 新 打开 购买 ， 就 可 以 
免费 购买 图 书 了 。 


这 一 步 ， 其 实 已 经 完成 了 账号 绑 定 到 美国 区 的 过 程 。 


手机 端 设 置 
同样 的 先 选择 一 个 能 翻 墙 到 美国 区 的 方式 。 


建议 先 从 软件 设置 中 清空 Google Play 的 数据 。 等 于 重新 打开 。 切 换 区 域 可 能 存在 一 定 的 延 
时 ， 所 以 可 以 多 试 几 次 (清空 数据 再 登录 ) y 


如 果 一 切 正 常 ， 那 么 你 看 到 的 也 应 该 是 美国 区 的 Google Play。 里 面 的 应 用 可 以 说 是 应 用 尽 
有 。 


Enjoy it! 


e & X4 Google Play 永久 锁定 美国 区 教程 - 断 尾 的 Zekrom 


开发 工具 


本 章节 介绍 一 些 开发 过 程 中 经 常 使 用 到 的 工具 。 


Git 


git 是 一 种 分 布 式 版 本 控制 系统 ， 是 目前 项 目 管理 使 用 较 多 的 一 种 工具 。 


Mac 
如 果 是 安装 了 xcode 的 话 ， 会 自 带 一 个 版 本 的 git。 


如 果 想 要 安装 新 版 本 的 git， 推 荐 使 用 Homebrew: mac F “apt-get 。 
安装 brew， 它 下 载 的 命令 是 存在 放 susr/local/bin 中 的 ， 所 以 要 想 正常 工作 ， 还 需要 在 PATH 
中 添加 这 个 路 径 2 在 命名 行 下 输入 : echo export PATH='/usr/local/bin:$PATH' >> 


-/.bash profile ° 


Linux 


Linux 下 可 以 使 用 apt-get install git 来 安装 。 


学 习 教 程 


e 最 好 的 中 文教 程 

e Git Magic: 网 上 较 火 的 一 套 教程 。 

e GotGithub: 一 本 中 文 的 介绍 github 使 用 的 书 。 

e Git Tutorials: bitbucket 的 教程 。 

e Try Git : codeschool 教 程 。 

e Git Immersion: 答题 的 形式 学 习 git. 

e Learn Version Control with Git 

e githug: Git your game on! 

e git-game: terminal game to test git skills. 

e Learn Git Branching: 形象 直观 的 图 形 化 练习 网 站 。 


使 用 技巧 


e GitHub 秘 籍 

e Set up Git: bitbucket 教 程 。 

e Github Help 

e 使 用 git 和 github 进 行 协同 开发 流程 


配置 文件 


一 般 都 在 /user 下 ，Window 对 应 的 目录 是 c:\Users\username ，mac 和 |linux 对 于 的 就 是 用 户 
i.H 3x /Users/username 。 配 置 文件 名 称 为 .gitconfig ° 


通常 我 们 使 用 git 的 时 候 最 先 会 去 配置 username 和 email: 


git config --global user.name "FIRST NAME LAST NAME" 
git config --global user.email "MY NAMEQexample.com" 


一 般 而 言 ， 我 会 使 用 git add . -> git commit -m "xxxx" -» git push 的 方式 提交 d 第 一 次 git 
操作 的 时 候 ，git 会 给 我 如 下 的 提示 : 


warning: push.default is unset; its implicit value has changed in 
Git 2.0 from 'matching' to 'simple'. To squelch this message 
and maintain the traditional behavior, use: 
git config --global push.default matching 
To squelch this message and adopt the new behavior now, use: 


git config --global push.default simple 


When push.default is set to 'matching', git will push local branches 
to the remote branches that already exist with the same name. 


Since Git 2.0, Git defaults to the more conservative 'simple' 

behavior, which only pushes the current branch to the corresponding 

remote branch that 'git pull' uses to update the current branch. 

See 'git help config' and search for 'push.default' for further information. 


(the 'simple' mode was introduced in Git 1.7.11. Use the similar mode 
'current' instead of 'simple' if you sometimes use older versions of Git) 


其 实 就 是 告诉 我 要 设置 下 push.default, 执 行 git config --global push.default simple 即 可 。 


存储 密码 


https i? ix 


如 果 使 用 的 是 https 协 议 访 问 git 人 仓库， 与 服务 器 端 同步 的 时 候 每 一 次 都 会 提示 输入 密码 。 解 决 


这 个 问题 的 方式 就 是 能 让 密码 保存 起 来 。 
在 Windows 下 ， 我 使 用 的 是 git-credential-winstore。 下 载 安装 即 可 使 用 。 


在 Mac 下 ， 我 使 用 的 是 git-credential-osxkeychain。 首 先 在 终端 中 检测 是 否 已 经 有 git- 
credential-osxkeychain > git credential-osxkeychain 。 提 示 usage: git credential- 


osxkeychain <get|store|erase> , RRA 2 


果 没 有 ， 下 载 这 个 工具 ， 执 行 


Move the file to the /usr/local/bin directory. 
$ sudo mv git-credential-osxkeychain /usr/local/bin/ 


Make the file an executable: 
$ chmod u*x /usr/local/bin/git-credential-osxkeychain 


Configure git to use the helper. 


$ git config --global credential.helper osxkeychain 
# Set git to use the osxkeychain credential helper 


如 果 存 在 的 话 ， 直 接 执行 git config --global credential.helper osxkeychain ? 


在 Linux 下 ， 执 行 git config --global credential.helper store ? 


操作 完 之 后 ， 检 查 下 .gitconfig 文件 ， 看 是 否 添加 了 [credential] 字段 。 
如 果 需 要 取消 设置 ， 执 行 git config --unset --global credential.helper ° 
ssh 协 以 

需要 设置 Ssh 的 私 钥 和 公 钥 。 

切换 协议 


查看 当前 remote: git remote -v ° 


更 新 remote: git remote set-url origin https://git.oschina.net/username/YourRepo 


EditorConfig 


EditorConfig: 


EditorConfig helps developers define and maintain consistent coding styles between differ 
‘| ee] 


简单 的 说 ， 就 是 一 个 代码 缩减 格式 化 辅助 工具 ， 需 要 编辑 器 或 者 IDE 插 件 支 持 。 








配置 示例 


# EditorConfig helps developers define and maintain consistent 
# coding styles between different editors and IDEs 
# editorconfig.org 


root = true 


[*] 


# change these settings to your own preference 
indent_style = space 
indent_size = 4 


# we recommend you to keep these unchanged 
end of line = 1f 

charset - utf-8 

trim trailing whitespace - true 
insert final newline - true 


[*.md] 
trim trailing whitespace - false 


[{package, bower}.json] 
indent_style = space 
indent_size = 4 


e EditorConfig 
e SublimeText Plug: editorconfig 


node 


node 由 于 各 个 版 本 特性 不 同 ， 很 多 项 目 需要 使 用 不 同 版 本 的 node， 所 以 推荐 使 用 nvm(Node 


Version Manager) 进 行 管理 。 


Mac 下 安装 


brew 方 式 


iz ae 


如 果 机 器 没有 安装 过 node， 那 么 首先 brew install nvm % nvm ° 


其 次 需要 在 shell 的 配置 文件 (~/.bashrc, ~/.profile, or ~/.zshrc) 中 添加 如 下 内 容 : 


# For NVM 
export NVM_DIR=~/.nvm 
source $(brew --prefix nvm)/nvm.sh 


注意 配置 的 顺序 ， 以 防 开 局 新 终端 ，node 出 现 找 不 到 的 情况 。 

重启 终端 3 命令 行 下 即 可 使 用 nvm * 使 用 nvm install «version» 进行 对 应 的 node 版 本 安装 2 
写 这 篇 文章 时 ， 我 使 用 的 是 nvm install 0.10 ， 安 装 的 版 本 是 v0.10.32。 使 用 nvm use 
<version> 使 用 再 通过 nvm alias default «version» 确保 有 默认 版 本 9 最 后 使 用 nvm ls 查 
看 o 

brew 方 式 补充 


如 果 之 前 通过 'brew install node' 方 式 安装 过 node， 那 么 需要 先 删除 系 统 中 存在 的 node : 


brew remove --force node 
sudo rm -r /usr/local/lib/node modules 


brew prune 
sudo rm -r /usr/local/include/node 


4 检查 brew 是 否 正常 
brew doctor 


nvm-4 X 7; X, 


curl https://raw.githubusercontent.com/creationix/nvm/v0.17.2/install.sh | bash 进行 安 
装 ， 安 装 完 成 后 ， 运 行 nm 测试 命令 是 否 正 确 ， 如 果 不 正 确 ， 参 考官 网 提供 的 说 明 ， 也 是 需 
要 在 shell 的 配置 文件 中 加 入 相应 的 配置 


如 果 安 装 正确 ， 同样 使 用 nvm install «version» 安装 对 应 版 本 node， 使 用 nvm use 
<version> 使 用 再 通过 nvm alias default «version» 确保 有 默认 版 本 9 最 后 使 用 nvm ls 查 
看 o 


设置 完 nvm 之 后 ， node 的 路 径 其 实 是 /Users/#{username}/.nvm/#{nodeVersion}/bin/node , 一 些 
sublimeText 揪 件 默认 的 路 径 是 /usr/local/bin/node 。 个 人 建议 创建 一 个 软 连 接 : 


ln -s /Users/#{username}/.nvm/#{nodeVersion}/bin/node /usr/local/bin/node 


m > J+ 
Windows Ff X X 
window 下 我 之 前 都 是 直接 node 官 网 下 载 mis 文 件 安 装 。 尝试 使 用 类 nvm 工 具 安 装 管理 。 
nvm-windows 方 式 
重 觉 前 看 了 一 眼 ， 简 直 不 能 再 便捷 了 1 1 1 项 目地 址 : nvm-windows 


下 载 安装 包 ， 不 管 之 前 系统 安装 过 node 与 否 ， 安 装 过 会 接管 。 就 能 直接 使 用 nym 命令。 


npm 的 管理 


if 3d nvym X f] node ， 每 个 版 本 都 有 一 个 对 应 的 npm i 每 次 切换 ， 可 以 使 用 npm update -g 3t 
行 一 次 升级 ， 安 装 程序 的 话 ， 需 要 使 用 sudo 权限 。 


有 一 点 疑问 ， 如何 同步 之 前 安装 的 所 有 -g 模 块 。。?? 


e node 包 教 不 包 会 


shadowsocks 


Mac% > E JLshadowsocks/£ /A T VA3& E 4/5] ffe A sh RE > iR S: HWindows T > t £ 
了 ! 之 前 我 一 直 购 买 的 是 东 哥 的 服务 ， 一 年 才 50RMB, 速 度 也 还 可 以 ，720p 无 压力 。 自 己 另 有 
一 台 DigitalOcean VPS, 不 用 也 浪费 ， 搭 建 一 个 好 了 。 


Docker % Shadowsocks 


ee |! 强烈 推荐 。 只 要 下 载 docker 镜 像 的 速度 够 快 ， 搭 建 丨 实 几 分 钟 
的 事情 ， 命 令 也 就 两 三 条 ， 咱 们 来 试 试 : 


配置 docker 


如 果 是 DigitalOcean 或 者 国内 的 阿里 云 ， 现 在 都 可 以 选择 在 创建 的 时 候 Docker 镜 像 。 这 样 开 局 
vps 就 能 直接 使 用 docker 了 。 服 务 器 一 般 我 会 选择 Ubuntu 14.04 版 本 。 


如 果 没 有 Docker 可 选 ， 那 么 也 没关系 ， 进 如 vps 之 后 ， 自 己 安 装 一 下 即 可 。 
装 shadowsocks 
首先 通过 ssh 连 接 到 vps 上 。 因 为 有 了 docker 之 后 ， 就 可 以 下 载 shadowsocks 的 镜像 : 


docker pull oddrationale/docker-shadowsocks 


我 在 国内 的 阿里 云 上 下 载 的 时 候 会 比较 慢 ， 因 为 不 是 官方 的 镜像 (官方 的 镜像 阿里 云 都 有 备 
份 ， 这 点 确实 做 的 很 体贴 ) 。 


运行 设置 Shadowsocks 
输入 : 


docker run -d -p 1984:1984 oddrationale/docker-shadowsocks -s 0.0.0.0 -p 1984 -k paaasssw 


和 





这 里 的 1984 是 服务 器 端的 端口 号 ， paaassswwword 是 密码 ” aes-256-cfb 是 加 密 方 式 


运行 : 


docker ps 


查看 shadowsocks 是 否 运 行 起 来 了 ， 没 问题 的 话 就 可 以 exit 退出 Vps 的 登录 了 。 


客户 端 填 写 好 公 网 jp, 端口 ， 加 密 方式 ， 即 可 连接 。 


Ubuntu 下 安装 


首先 ， 建 议 使 用 root 用 户 登 录 ， 或 者 使 用 Sudo 命 名 ， 我 这 里 以 root 用 户 为 例 把 。 请 按 顺序 执行 
下 面 操作 哦 ! 


+ 4E 


4C 7 Shadowsocks 


第 一 次 装 的 时 候 乱 七 八 杂 ， 也 记 不 起 来 顺序 了 ， 反 正 用 到 的 就 是 python 版 本 ， 通 过 python-pip 
下 载 安 装 的 Shadowsocks : 


apt-get install python-pip 
pip install shadowsocks 


Ac à shadowsocks 


配置 文件 需要 自行 创建 : 


vim /etc/shadowsocks. json 


写 入 

{ 
"server":"0.0.0.0", # replace your server IP 
"server_port":4762, 
"local port":1080, 
"password" :"8d779a1ee2db776db8e20adffaa12d0c", 
"timeout":300, 
"method" :"aes-256-cfb" 

j 


4C Supervisor 


apt-get update 
apt-get install python-pip python-m2crypto supervisor 


fe Supervisor 
编辑 或 创建 : 


vim /etc/supervisor/conf.d/shadowsocks.conf 


如 果 端 口 < 1024 > 4e Ew 45 user=nobody ?X X, user=root ° 


TAG 


在 /etc/default/supervisor 最 后 加 一 行 : 


ulimit -n 51200 


È *ishadowsocks/K 4 


1& A| Supervisors & 24 11shadowsocks: 


service supervisor start 
supervisorctl reload 


查看 服务 状态 
运行 状态 : supervisorctl status 
如 果 遇 到 问题 ， 可 以 检查 日 志 : 


supervisorctl tail -f shadowsocks stderr 


重启 服务 


如 果 修 改 了 shadowsocks 配置 /etc/shadowsocks.json ， 可 以 重启 shadowsocks : 
supervisorctl restart shadowsocks 


to RAF FX Supervisor 的 配置 文件 /etc/supervisor/* > "T YA € 31 supervisor 配置 : 


supervisorctl update 


可 能 出 现 的 异 第 情况 


在 我 第 一 次 安装 的 时 候 ， 出 现 过 unable to resolve host 的 情况 。 解 决 方法 就 是 将 其 指向 
127.0.0.1, 编 辑 /etc/hosts 文件 ,在 127.0.0.1 后 面 ， 添 加 上 自己 主机 的 名 称 。 


参考 资料 


。 Shadowsocks 使 用 说 明 

用 Supervisor 运行 Shadowsocks 

在 Linode 上 快速 搭建 Shadowsocks 

e sudo 出 现 unable to resolve host 解决 方法 


Docker + DigitalOcean + Shadowsocks 5 分 钟 科 学 上 网 


Sublime Text 3--Windows/& 


选择 一 个 好 的 编辑 器 ， 可 以 极 大 的 提高 你 的 开发 效率 。 我 使 用 过 Vim、Emacs 和 
SublimeText。 个 人 还 是 比较 推荐 现代 化 的 SublimeText 编 辑 器 配合 vim,emacs 的 操作 方式 。 


更 多 内 容 ， 可 以 查看 官方 推荐 的 非 官 方 文档 -> 文档 地 址 。 


特色 功能 


e ctrl+p， 搜 索 。 这 个 搜索 可 以 左 侧 的 Folders 里 所 以 文件 ， 而 且 是 模糊 搜索 ， 不 需要 完整 的 
文件 名 。 配 合 #, @ :可 以 搜索 变量 ， 函 数 ， 行 数 。 

e 多 行 编辑 。 按 住 ctrl| 加 左 击 ， 可 以 出 现 多 个 光标 位 置 。 

e 多 重 选 择 ，ctrltd 可 以 多 重 选择 ， 结 合 光标 键 ， 可 以 批量 修改 。 

多 屏 编辑 ，alt+shift+ 数 字 键 。 

Projects， 通 过 View->Side Bar->show Side Bar 左 侧 文 件 结构 管理 。 

e snippet, 不 同 格式 的 文件 ， 可 以 设置 不 同 的 Snippet, 就 是 简写 ， 通 过 tab 扩 展 成 相应 的 内 

e 各 种 插件 支持 

正则 表达 式 搜索 ,比如 我 要 删除 所 有 的 空 行 ， 可 以 使 用 A^[\s]*\n 来 选择 所 有 空 行 。 可 以 使 

用 (?<=<h2>) .+(?=</h2>) 来 匹配 h2 标 签 内 的 内 容 。 

ctrl+shift+p， 功 能 菜单 。 只 有 你 想不到 ， 没 有 做 不 到 的 事情 。 


pn 
TRER 
ST3 虽 然 没 有 提供 稳定 版 本 ， 但 是 相 比 ST2， 速 度 提 升 还 是 很 明显 的 。 缺 点 就 是 插件 不 够 完 
善 ， 以 及 插件 的 编写 全 部 采用 Python3.x 版 本 。 这 里 给 出 ST3 下 载 地 址 。 
个 人 最 喜欢 的 一 点 新 特性 是 : 新 增 了 跳 转 到 函数 定义 处 功能 ， 在 大 菜单 Goto 中 可 以 查看 到 。 


首次 使 用 ， 建 议 先 打 开 侧 栏 ， 方便 管理 文件 结构 。 打 开 方 式 : View->Side Bar->Show Side 


Bar ? 


插件 安装 
插件 通过 Package Control 来 管理 。 


安装 Package Control 


3t A Package Control 页 面 ， 选 择 对 应 版 本 的 代码 进行 复制 ， 比 如 ST3 如 下 : 


import urllib.request,os,hashlib; h = '7183a203e96f11eeadd761d777e62404' + 'e330c659d4bb4 








使 用 View->Show Console 打开 控制 台 S8 > tb 贴 复制 的 代码 ， > ab eH d 待 程序 右 下 角 提 
示 success 后 ， 重 启 ST。 


再 次 进入 ST 后 ， 可 以 通过 菜单 Preferences->Package Control 或 者 按键 ctrl+shift+p 查 
找 install package 。 输 入 对 应 的 插件 名 称 ， 即 可 安装 插件 。 


更 多 插件 ， 可 以 通过 Package Control 中 的 search 查 找 。 


配置 修改 


NS 


Ac & &,4&Preferences-»Settings-Defaultfe Key Bindings-Default ° 
修改 配置 文件 时 ， 以 上 两 个 默认 文件 最 好 不 要 修改 ， 自 行 讲 需要 设置 的 参数 写 入 到 Settings- 
User 和 Key Bindings-User 里 ， 它 们 会 自动 覆盖 Default 相 同属 性 。 


备份 配置 


置 文件 的 路 径 ， 点 击 Preferences->Browse Packages 打 开 目 录 ， 找 到 User 目 录 ， 这 里 的 文 
a 己 的 配置 文件 ， 最 好 备份 ， 方 便 下 次 替换 。 


~ ak 
48a VE AE 15- 
主题 配色 和 代码 配色 
配色 其 实 分 为 主题 配色 和 代码 配色 。 主 题 配色 就 是 程序 的 外 形 设 置 ， 代 码 配 色 则 是 打开 文件 
高 亮 显示 的 配置 


代码 配色 我 是 选择 的 自己 备份 的 主题 Peacock (SL).tmrheme ,放置 在 
了 Packages/User/theme/ 目录 下 ， 主要 是 我 针对 markdown 语法 进行 了 设置 ， 其 他 可 选择 的 推 
d Dayle Rees Color Schemes 插件 。 


主题 配 色 我 使 用 的 是 Theme-Phoenix 插件 ， 插 播 一 名 ， 编 程 的 字体 应 该 选择 等 宽 类 类 型 的 。 在 
Windows 下 强烈 推荐 使 用 yaheiconsolashybrid ° 


安装 完了 插件 ， 可 以 在 Perferences-»Color Scheme 中 查看 修改 。 也 可 以 通过 配置 文件 修改 : 


"caret style": "phase", 


"color scheme": 


"default line ending": "unix", 
"font face": "Monaco", 
"font size": 18.0, 


"highlight line": 
"hot exit": false, 


true, 


"highlight modified tabs": true, 
"show encoding": true, 
"ignored packages": 
[ 

"Vintage" 
], 
"original_color_scheme": 
"phoenix color green": true, 
"phoenix dirty bottom bar red": true, 





"phoenix eighties": true, 

"phoenix highlight current tab": true, 
"phoenix sidebar tree large": true, 
"phoenix solid current tab": true, 
"phoenix tabs medium": true, 


"rulers": 
[ 
80, 
100, 
120 
1, 
"soda_folder_icons": false, 
"tab_size": 4, 
"theme": "Phoenix Dark.sublime-theme", 


"translate_tabs_to_spaces": true, 
"word separators": "./\\()\"':, 
"word wrap": true, 


"wrap width": 0 


"Packages/User/theme/Peacock (SL).tmTheme", 


"Packages/User/theme/Peacock (SL).tmTheme", 


127 10888 | e [1 C) -?", 


这 里 我 列 出 的 是 我 的 全 部 配置 文件 ， 可 以 看 到 相关 的 主题 配色 、 代 码 配 色 和 字体 设置 。 


ST 辅助 类 


SideBarEnhancements 提升 右 侧 导航 栏 功 能 
Sublimerge Pro 文件 对 比 功能 


Markdown Preview 书写 markdown 格 式 文本 ， 预 


We 
见 


等 功能 。 绑 定 了 快捷 键 ctrltm ° 


Terminal 直接 在 对 应 文件 所 在 目录 打开 terminal 功 能 。 绑 定 了 快捷 键 ctrltalt+t ° 


IMESupport 使 得 输入 法 能 跟随 光标 位 置 ，mac 下 无 此 问题 。 


代码 显示 辅助 类 


e BracketHighlighter 高 完 显 示 匹 配 括 号 ， 会 在 左 侧 的 行 号 标识 处 显示 对 应 的 括号 位 置 和 


e HTML-CSS-JS Prettify 格式 化 代码 工具 ， 默 认 快 捷 键 ctrltshift+h ° 


e CSScomb 按照 一 定 规律 格式 化 CSS 的 属性 顺序 。 


代码 书写 辅助 类 
e Emmet 必 装 插件 ， 辅 助 书 写 HTML, CSS e 
。 AutoFileName 书写 代码 时 ， 自 动 提示 补充 文件 路 径 。 
。 DocBlockr 辅助 书写 注释 
e JSHint Gutter 利用 jslint 检测 js 代码 是 否 规 范 的 插件 。 


e LiveStyle 配合 对 应 的 chrome 插 件 ， 可 以 达到 修改 文件 后 ， 自 动 刷新 页 面 的 效果 。 但 目 
前 对 less , sass 之 类 预 编译 语言 支持 不 够 好 。 


使 用 技巧 


快捷 键 操作 


默认 的 快捷 操作 ， 可 以 查看 Preferences->key Binding ， 或 者 文档 :Keyboard Shortcuts- 
Windows/Linux 和 Keyboard Shortcuts-OSX » 


个 人 常用 的 快捷 键 设置 如 下 : 
[ 
/*============= Emacs Style =============*/ 
{ "keys": ["ctrl-b"], "command": "move", "args": {"by": "characters", "forward": false} } 
{ "keys": ["ctr1+f"], "command": "move", "args": {"by": "characters", "forward": true} }, 
{ "keys": ["ctrl-p"], "command": "move", "args": {"by": "lines", "forward": 
false) }, 
{ "keys": ["ctrlt+n"], "command": "move", "args": {"by": "lines", "forward": 
true) }, 
{ "keys": ["ctrlta"], "command": "move to", "args": {"to": "bol", "extend": false} }, 
{ "keys": ["ctrlte"], "command": "move to", "args": {"to": "eol", "extend": false} }, 
{ "keys": ["ctrl-1"], "command": "show at center" }, 
/*============= End Emacs Style =============*/ 
/*============= switch tabs =============*/ 


( "keys": ["ctrl*1"], "command": "select by index", "args": { "index": © } }, 
( "keys": ["ctrl*2"], "command": "select by index", "args": { "index": 1 } Jj, 


( "keys": ["ctr1+3"], "command": "select by index", "args": { "index": 2 } Jj, 
{ "keys": ["ctrl-4"], "command": "select by index", "args": { "index": 3 } }, 
( "keys": ["ctrl*5"], "command": "select by index", "args": ( "index": 4 } Jj, 
{ "keys": ["ctr1+6"], "command": "select by index", "args": { "index": 5 } }, 
( "keys": ["ctr1+7"], "command": "select by index", "args": { "index": 6 } }, 
{ "keys": ["ctr1+8"], "command": "select by index", "args": { "index": 7 } }, 
( "keys": ["ctr1+9"], "command": "select by index", "args": { "index": 8 } }, 
{ "keys": ["ctrlt+tshift+t"], "command": "reopen last file" }, 

/*============= End switch tabs =============*/ 

/*============= Modify Default key-mapping =============*/ 

( "keys": ["alt+a"], "command": "select all" }, 

( "keys": ["ctrl«t"], "command": "new file" }, 

( "keys": ["f5"], "command": "open in browser" j, 

// autocomplate 

{ "keys": ["alt+/"], "command": "auto complete" }, 

// paste 

{ "keys": ["ctrl-v"], "command": "paste and indent" }, 

{ "keys": ["ctrl+shifttv"], "command": "paste" }, 


// reindex 
( "keys": ["ctrl1+i"], "command": "reindent" }, 
// find and goto 


{ "keys": ["alt+f"], "command": "show panel", "args": {"panel": "find") }, 

{ "keys": ["ctrlt+g"], "command": "find all under" }, 

{ "keys": ["alt+p"], "command": "show overlay", "args": {"overlay": "goto", "show files": 
{ "keys": ["alt+r"], "command": "show overlay", "args": {"overlay": "goto", "text": "@"} 
{ "keys": ["alt+1"], "command": "show overlay", "args": {"overlay": "goto", "text": ":"} 
{ "keys": ["alt+;"], "command": "show overlay", "args": {"overlay": "goto", "text": "#"} 
{ "keys": ["alt+d"], "command": "goto definition" }, 

{ "keys": ["alt+-"], "command": "jump back" }, 

( "keys": ["alt+="], "command": "jump forward" }, 

/*============= End Modify Default key-mapping =============*/ 

/*============= Plugin =============* / 


// Emmet expand 

{"keys": ["alt+e"], "args": {"action": "expand abbreviation"), "command": "run emmet acti 
// js Hint Grunt 

{"keys": ["alt+j"], "command": "jshint"}, 

// markdown preview 


{ "keys": ["ctrl+m"], "command": "markdown preview", "args": {"target": "browser", "parse 
// terminal 

{ "keys": ["ctrltalt+t"], "command": "open terminal" }, 

( "keys": ["ctrl+shiftt+alt+t"], "command": "open terminal project folder" } 
/*============= End Plugin =============* / 

] 





m 


E» 


其 中 涉及 到 了 emacs 移 动 光标 ， 多 标签 切换 ， 以 及 快速 查找 等 方式 。 


snippet 


snippet 是 代码 片段 ， 可 以 方便 的 自动 补 全 。 创 建 方式 通过 Tools->New Snippet 完成 。 


默认 的 文件 如 下 : 


<snippet> 
«content»«! [CDATA[ 

Hello, ${1:this} is a ${2:snippet}. 

]]></content> 
<!-- Optional: Set a tabTrigger to define how to trigger the snippet --> 
<!-- <tabTrigger>hello</tabTrigger> --> 


<!-- Optional: Set a scope to limit where the snippet will trigger --> 
<!-- <scope>source.python</scope> --> 
</snippet> 


代码 段 写 在 CDATA[] YT * sg 为 占 位 字符 。 
tabTrigger 为 自动 补 全 需 要 的 字符 ， scope 人 设置 置 的 是 文件 格式 。 


创建 完成 之 后 ， 个 人 建议 保存 在 User-»snippet 目录 下 ， snippet 需要 自行 创建 ， 方 便 管 理 。 


build 命 令 和 Macro 命 令 


这 些 命令 的 使 用 请 参考 文档 ->Reference。 


参考 文档 


e sublimeText 官 网 
e 非 官方 手册 
e Package Control 


Sublime Text 3--Mac/& 


Mac 篇 其 实 应 该 和 Windows 差 不 多 ， 主 要 区 别 是 一 些 按键 的 设置 和 插件 的 配置 。 


特色 功能 


super+p， 搜 索 。 这 个 搜索 可 以 左 侧 的 Folders 里 所 以 文件 ， 而 且 是 模糊 搜索 ， 不 需要 完 
整 的 文件 名 。 配 合 # @, :可 以 搜索 变量 ， 函 数 ， 行 数 。 

多 行 编辑 。 按 住 super 加 左 击 ， 可 以 出 现 多 个 光标 位 置 。 

多 重 选择 ，Ssuper+d 可 以 多 重 选择 ， 结 合 光 标 键 ， 可 以 批量 修改 。 

多 屏 编辑 ，super+alt+ 数 字 键 。 

Projects， 通 过 View->Side Bar->show Side Bar 左 侧 文 件 结构 管理 。 

snippet, 不 同 格 式 的 文件 ， 可 以 设置 不 同 的 snippet, 就 是 简写 ， 通 过 tab 扩 展 成 相应 的 内 
各 种 插件 支持 

正则 表达 式 搜索 ,比如 我 要 删除 所 有 的 空 行 ， 可 以 使 用 A^[\s]*\n 来 选择 所 有 空 行 。 可 以 使 
用 (2<=<h2>).+(?=</h2>) 来 匹配 h2 标 签 内 的 内 容 。 

super+shift+p， 功 能 菜单 。 只 有 你 想不到 ， 没 有 做 不 到 的 事情 。 


PER 


ST3 虽 然 没 有 提供 稳定 版 本 ， 但 是 相 比 ST2， 速 度 提 升 还 是 很 明显 的 。 缺 点 就 是 插件 不 够 完 
善 ， 以 及 插件 的 编写 全 部 采用 Python3.x 版 本 。 这 里 给 出 ST3 下 载 地 址 。 


个 人 最 喜欢 的 一 点 新 特性 是 : 新 增 了 跳 转 到 函数 定义 处 功能 ， 在 大 菜单 Goto 中 可 以 查看 到 。 


首次 使 用 ， 建 议 先 打开 侧 栏 ， 方 便 管 理 文件 结构 。 打 开 方 式 : view->side Bar->Show Side 


Bar ? 


插件 安装 


插件 通过 Package Control 来 管理 。 


ES 


xx Package Control 


3t A Package Control 页 面 ， 选 择 对 应 版 本 的 代码 进行 复制 ， 比 如 ST3 如 下 : 


import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb4 


«| J 








使 用 View->Show Console 4722 4] @ » FEU X | 85 4X8 > RAMA FERPA AR 
示 success 后 ， 重 启 ST。 


再 次 进入 ST 后 ， 可 以 通过 菜单 Preferences->Package Control 或 者 按键 ctrl+shifttp & 
找 install package 。 输 入 对 应 的 插件 名 称 ， 即 可 安装 插件 。 


更 多 插件 ， 可 以 通过 Package Control 中 的 search 查 找 。 


配置 1 


NY 
m 


配置 包括 Preferences->Settings-Default 和 Key Bindings-Default ° 


修改 配置 文件 时 ， 以 上 两 个 默认 文件 最 好 不 要 修改 ， 自 行 讲 需 要 设置 的 参数 写 入 到 Settings- 
User 和 Key Bindings-User 里 ， 它 们 会 自动 覆盖 Default 相 同属 性 。 


备份 配置 


配置 文件 的 路 径 ， 点击 Preferences->Browse Packages 打 开 目 录 ， 找 到 User 目 录 ， 这 里 的 文 
件 就 是 自己 的 配置 文件 ， 最 好 备份 ， 方 便 下 次 替换 。 


插件 推荐 


已 安装 的 插件 


"in process packages": 

[ 

1, 

"installed_dependencies": 

[ 
"OQ package control loader", 
"bz2" 

1, 

"installed_packages": 

[ 
"AlignTab", 
"All Autocomplete", 
"AutoFileName", 
"BracketHighlighter", 
"CSScomb", 
"DocBlockr", 
"EditorConfig", 
"Emmet", 
"Git 
"HTML-CSS-JS Prettify", 
"JSHint Gutter", 
"LiveStyle", 
"Markdown Preview", 
"Modific", 
"Package Control", 
"SideBarEnhancements", 
"Sublimerge Pro", 
"Terminal", 
"Theme - Phoenix" 


主题 配色 和 代码 配色 


配色 其 实 分 为 主题 配色 和 代码 配色 。 主 题 配色 就 是 程序 的 外 形 设 置 ， 代 码 配 色 则 是 打开 文件 


高 亮 显 示 的 配置 。 


代码 配色 我 是 选择 的 自己 备份 的 主题 Peacock (SL).tmrheme ,放置 在 
了 Packages/User/theme/ 目录 下 ， 主要 是 我 针对 markdown 语法 进行 了 设置 ? 其 他 可 选择 的 推 
d Dayle Rees Color Schemes 插件 。 


主题 配色 我 使 用 的 是 Theme-Phoenix 插件 ， 插 播 一 句 ， 编 程 的 字体 应 该 选择 等 宽 类 型 的 ， 所 以 
Mac 下 选择 的 是 Monaco 字体 。 


安装 完了 插件 ， 可 以 在 Perferences-»Color Scheme 中 查看 修改 。 也 可 以 通过 配置 文件 修改 : 


"caret style": "phase", 
"color scheme": "Packages/User/theme/Peacock (SL).tmTheme", 
"default line ending": "unix", 
"font face": "Monaco", 
"font size": 18.0, 
"highlight line": true, 
"hot exit": false, 
"highlight modified tabs": true, 
"show encoding": true, 
"ignored packages": 
[ 
"Vintage" 
], 
"original color scheme": "Packages/User/theme/Peacock (SL).tmTheme", 
"phoenix color green": true, 
"phoenix dirty bottom bar red": true, 





"phoenix eighties": true, 

"phoenix highlight current tab": true, 
"phoenix sidebar tree large": true, 
"phoenix solid current tab": true, 
"phoenix tabs medium": true, 


"rulers": 
[ 
80, 
100, 
120 
1, 


"soda_folder_icons": false, 

"tab_size": 4, 

"theme": "Phoenix Dark.sublime-theme", 
"translate_tabs_to_spaces": true, 

"word separators": "./NN()N"':,,;«»-102$96^&* | +=[] {} -?", 
"word wrap": true, 

"wrap width": 0 


这 里 我 列 出 的 是 我 的 全 部 配置 文件 ， 可 以 看 到 相关 的 主题 配色 、 代 码 配 色 和 字体 设置 。 


ST 辅助 类 


SideBarEnhancements 提升 右 侧 导航 栏 功 能 


Sublimerge Pro 文件 对 比 功能 


Je 


Markdown Preview 书写 markdown 格 式 文本 ， 预 览 等 功能 。 


Terminal 直接 在 对 应 文件 所 在 目录 打开 terminal 功 能 。 


代码 显示 辅助 类 


e BracketHighlighter 高 完 显 示 匹 配 括 号 ， 会 在 左 侧 的 行 号 标识 处 显示 对 应 的 括号 位 置 和 


e HTML-CSS-JS Prettify 格式 化 代码 工具 ， 默 认 快 捷 键 ctrltshift+h ° 


e CSScomb 按照 一 定 规律 格式 化 CSS 的 属性 顺序 。 


代码 书写 辅助 类 


e Emmet 必 装 插件 ， 辅 助 书写 HTML, CSS e 


e AutoFileName 书写 代码 时 ， 自 动 提示 补充 文件 路 径 。 


e DocBlockr 辅助 书写 注释 。 


e JSHint Gutter 利用 jslint 检测 js 代码 是 否 规 范 的 插件 。 


e LiveStyle 配合 对 应 的 chrome 插 件 ， 可 以 达到 修改 文件 后 ， 自 动 刷新 页 面 的 效果 。 但 目 
前 对 less , sass 之 类 预 编译 语言 支持 不 够 好 。 


。 AlignTab 交 量 坚 向 对 齐 工 具 。 


e All Autocomplete 代码 补 全 插件 。 


e EditorConfig 代码 编码 规范 。 


e MultiEditUtils 增强 了 SublimeText 内 置 的 “multi-cursor" 和 “multi-selection” 功 能 


使 用 技巧 
快捷 键 操 作 


默认 的 快捷 操作 ， 可 以 查看 Preferences->key Binding ， 或 者 文档 :Keyboard Shortcuts- 
Windows/Linux 和 Keyboard Shortcuts-OSX » 


个 人 常用 的 快捷 键 设置 如 下 : 


/*============= Emacs Style ============= 
( "keys": ["ctrl+b"], "command": 
( "keys": ["ctr1+f"], "command": 
( "keys": ["ctrl+p"], "command": 


false) }, 


( "keys": ["ctrl+n"], "command": 


true) }, 


27 
, "args": 
, "args": 
, "args": 
, "args": 


{"by": 
{"by": 
{"by": 


{"by": 


"characters", "forward": 
"characters", "forward": 


"lines", "forward": 


"lines", "forward": 


fals 
true 


( "keys": ["ctrl+a"], "command": "move to", "args": {"to": "bol", "extend": false) }, 
{ "keys": ["ctrl-e"], "command": "move to", "args": {"to": "eol", "extend": false} }, 
{ "keys": ["ctrl-1"], "command": "show at center" }, 

/*============= End Emacs Style =============*/ 

/*============= switch tabs =============*/ 

( "keys": ["ctrl+i"], "command": "select by index", "args": { "index": 0 } }, 

( "keys": ["ctrl1+2"], "command": "select by index", "args": { "index": 1 } }, 

( "keys": ["ctr1+3"], "command": "select by index", "args": { "index": 2 } Jj, 

( "keys": ["ctr1+4"], "command": "select by index", "args": { "index": 3 } }, 

( "keys": ["ctr1+5"], "command": "select by index", "args": { "index": 4 } }, 

( "keys": ["ctr1+6"], "command": "select by index", "args": { "index": 5 } }, 

( "keys": ["ctr1+7"], "command": "select by index", "args": { "index": 6 } }, 

( "keys": ["ctr1+8"], "command": "select by index", "args": { "index": 7 } }, 

( "keys": ["ctr1+9"], "command": "select by index", "args": ( "index": 8 } }, 

( "keys": ["super+shift+t"], "command": "reopen last file" }, 

/*============= End switch tabs =============*/ 

/*============= Modify Default key-mapping =============*/ 

{ "keys": ["super*a"], "command": "select all" }, 

( "keys": ["super+t"], "command": "new file" }, 

( "keys": ["f5"], "command": "open in browser" }, 

// autocomplate 

( "keys": ["ctrl-/"], "command": "auto complete" }, 

// paste 

( "keys": ["super-*v"], "command": "paste and indent" }, 

{ "keys": ["super+shifttv"], "command": "paste" }, 

// reindex 

( "keys": ["ctrl1+i"], "command": "reindent" }, 

// find and goto 

{ "keys": ["super+f"], "command": "show panel", "args": {"panel": "find"? }, 

{ "keys": ["super+p"], "command": "show overlay", "args": {"overlay": "goto", "show f 
{ "keys": ["super*r"], "command": "show overlay", "args": {"overlay": "goto", "text": 
{ "keys": ["super-1"], "command": "show overlay", "args": {"overlay": "goto", "text": 
{ "keys": ["super*;"], "command": "show overlay", "args": {"overlay": "goto", "text": 
{ "keys": ["super«d"], "command": "goto definition" }, 

{ "keys": ["super--"], "command": "jump back" }, 

{ "keys": ["super+="], "command": "jump forward" }, 

// keep the shortcut as Windows 

( "keys": ["ctrl+d"], "command": "find under expand" }, 

{ "keys": ["ctrl+g"], "command": "find all under" }, 

{ "keys": ["ctrl-j"], "command": "join lines" }, 

{ "keys": ["ctrl+shiftt+j"], "command": "expand selection", "args": {"to": "indentatio 
{ "keys": ["ctrl+shiftt+k"], "command": "run macro file", "args": {"file": "res://Pack 
/*============= End Modify Default key-mapping =============*/ 

/*============= Plugin =============*/ 

// Emmet expand 

{"keys": ["superte"], "args": {"action": "expand_abbreviation"}, "command": "run_emme 
// js Hint Grunt 

{"keys": ["super-j"], "command": "jshint"}, 


// markdown preview 
{ "keys": ["supert+m"], "command": "markdown preview", "args": {"target": "browser", " 


// terminal 


( "keys": ["ctrl+super+t"], "command": "open terminal" }, 
( "keys": ["ctrl+shift+super+t"], "command": "open terminal project folder" } 
Js == end Plugin = 








其 中 涉及 到 了 emacs 移 动 光标 ， 多 标签 切换 ， 以 及 快速 查找 等 方式 。 


snippet 
snippet 是 代码 片段 ， 可 以 方便 的 自动 补 全 。 创 建 方式 通过 Tools->New Snippet 完成 。 


默认 的 文件 如 下 : 


<snippet> 
«content»«! [CDATA[ 

Hello, ${1:this} is a ${2:snippet}. 

]]></content> 
<!-- Optional: Set a tabTrigger to define how to trigger the snippet --> 
<!-- <tabTrigger>hello</tabTrigger> --> 


<!-- Optional: Set a scope to limit where the snippet will trigger --> 
<!-- <scope>source.python</scope> --> 
</snippet> 


代码 段 写 在 CDATA[] 中 ， st} 为 占 位 字符 。 

tabTrigger 为 自动 补 全 需要 的 字符 ， scope 设置 的 是 文件 格式 。 

创建 完成 之 后 ， 个 人 建议 保存 在 User->snippet 目录 下 ， snippet 需要 自行 创建 ， 方 便 管理 。 
build 命 令 和 Macro 命 令 


这 些 命令 的 使 用 请 参考 文档 ->Reference » 


> 


参考 文档 


e sublimeText'E ij 

e 非 官方 手册 

e Package Control 

e 推荐 ! Sublime Text 最 佳 插件 列表 

e Gifs A : 我 常用 的 16 个 Sublime Text 快捷 键 


Gulp 


前 端 自动 化 流程 管理 。 在 JavaScript 的 世界 里 ，Grunt.js 是 基于 Node.js 的 自动 化 任务 运行 器 。 
2013 年 02 月 18 日 ，Grunt v0.4.0 发 布 。Fractal 公 司 积极 参与 了 数 个 流行 Node.js 模 块 的 开发 ， 
它 去 年 发 布 了 一 个 新 的 构建 系统 Gulp， 布 望 能 够 取 其 精华 ， 并 取代 Grunt， 成 为 最 流行 的 
JavaScript 任 务 运 行 器 。 


Gulp 和 Grunt 的 异同 点 


e 易于 使 用 : 采用 代码 优 于 配置 策略 ，Gulp 让 简单 的 事情 继续 简单 ， 复 杂 的 任务 变 得 可 管 
go 

e 高 效 : 通过 利用 Node.js 强 大 的 流 ， 不 需要 往 磁 盘 写 中 间 文 件 ， 可 以 更 快 地 完成 构建 。 

e 高 质量 : Gulp 严 格 的 插件 指导 方针 ， 确 保 插件 简单 并 且 按 你 期 望 的 方式 工作 。 

e 易于 学 习 : a a o 构建 工作 就 像 你 设想 的 
一 样 : 是 一 系列 流 管道 


Gulp 特 点 


e JA : Gulp 相 比 Grunt 更 简洁 ， 而 且 遵 循 代码 优 于 配置 策略 ， ae Cup a o 

e 高 效 : Gulp 相 比 Grunt 更 有 设计 感 ， 核 心 设计 基于 Unix 流 的 概念 ， 通 过 管道 连接 ， 不 需要 
写 中 间 文 件 。 

e 高 质量 : Gulp 的 每 个 插件 只 完成 一 个 功能 ， 这 也 是 Unix 的 设计 原则 之 一 ， 各 个 功能 通过 
流 进行 整合 并 完成 复杂 的 任务 。 例 如 : Grunt 的 imagemin 播 件 不 仅 压 缩 图 片 ， 同 时 还 包括 
缓存 功能 。 他 表示 ， 在 Gulp 中 ， 缓 存 是 另 一 个 插件 ， 可 以 被 别 的 插件 使 用 ， 这 样 就 促进 
了 插件 的 可 重用 性 。 目 前 官方 列 出 的 有 673 个 插件 。 


Gulp 示 例 


var gulp - require('gulp'); 

var jshint - require('gulp-jshint'); 
var concat - require('gulp-concat'); 
var rename - require('gulp-rename'); 
var uglify - require('gulp-uglify'); 


// Lint JS 

gulp.task('lint', function() { 

return gulp.src('src/*.js') 
.pipe(jshint()) 
.pipe(jshint.reporter('default')); 

15 


// Concat & Minify JS 
gulp.task('minify', function(){ 
return gulp.src('src/*.js') 
.pipe(concat('all.js')) 
.pipe(gulp.dest('dist')) 
.pipe(rename('all.min.js')) 
.pipe(uglify()) 
.pipe(gulp.dest('dist')); 
15 


// Watch Our Files 

gulp.task('watch', function() { 
gulp.watch('src/*.js', ['lint', 'minify']); 
15 


// Default 
gulp.task('default', ['lint', 'minify', 'watch']); 


。 gulp 
e gulp fiction: 可 视 化 配置 gulp 工 作 流程 。 
e 前 端 工程 的 构建 工具 对 比 Gulp vs Grunt 


字体 的 选择 


编程 的 字体 ， 最 好 选择 的 是 等 宽 ， 这 样 代 码 看 起 来 比较 规整 。 


参考 资料 


e 最 住 编程 字体 M+ 


e 一 年 成 为 Emacs 高 手 ( 像 神 一 样 使 用 编辑 器 ) 


WebStorm 


刚 接触 VWeb 开 发 的 时 候 使 用 过 一 段 时 间 的 WebStorm， 它 还 是 比较 适合 管理 大 型 项 目的 。 但 是 
由 于 工作 中 小 型 项 目 占据 多 数 ， 后 来 还 是 选择 了 sublimeText3 作 为 主力 开发 工具 ， 配 合 常 用 的 
插件 以 及 gulp 工 具 ， 效 率 也 还 是 妥 妥 的 。 但 是 每 当 需 要 阅读 源 代 码 的 时 候 ， 还 是 会 发 现 文本 编 
辑 器 的 缺点 ， 确 实 不 直观 。 索 性 最 近 又 购买 了 一 个 Licensing， 购 买 地 址 : Licensing & 

Renew ° 


下 载 安 装 


任何 软件 优选 还 是 官方 途径 ， 地 址 :webstorm。 使 用 os x 10 Yosemite 的 用 户 ， 还 可 以 选 # 
JD f IDK 1.8 2 o 据说 性 能 更 好 ， 但 是 有 一 些 issues。 


Ks 


设置 配置 


如 果 之 前 有 配置 文件 的 话 ， 再 初次 打开 的 时 候 可 以 设置 ， 恢 复 之 前 的 配置 ， 如 果 没有 ， 就 选 
择 默认 配置 。 以 后 的 配置 文件 ， 还 是 建议 通过 dotfiles 保 存 起 来 ， 方 便 同 步 。 


常规 设置 


进入 WebStorm 之 后 ， 我 首先 会 设置 的 是 配色 和 字体 。 当 然 ， 配 色 是 可 以 在 之 前 的 时 候 设 置 
的 ， 如 果 没 有 ， 这 里 也 可 以 修改 。 打 开 Preference ,选择 Editor->colors & Fonts ,另存 为 一 
个 配色 文件 ， 然 后 修改 。 


设置 相关 


e 快捷 键 PDF:WebStorm_ReferenceCard 


tmux 


tmux 是 指 通过 一 个 终端 登录 远程 主机 并 运行 后 ， 在 其 中 可 以 开启 多 
件 。 使 用 了 tmux， 你 就 可 以 在 一 个 终端 中 同时 运行 多 个 会 话 ， 只 需 开 局 一 -1 


av 


为 什么 使 用 tmux 


如 果 只 是 分 隔 屏 幕 ， 配 色 的 变化 ， 其 实 客户 端 item2 以 及 Screen 就 已 经 很 好 了 。 那 我 们 为 什么 
要 使 用 tmux 呢 ? 


为 什么 使 用 tmux : 


e 保持 会 话 : 断 开 ssh 或 关闭 电脑 ， 你 的 ssh 可 以 重新 连接 ， 能 够 保持 你 的 工作 环境 连续 
性 。 前 提 实 在 服务 器 端 装 上 tumx 


使 用 tmux 会 话 的 分 离 与 连接 就 可 以 轻松 解决 以 上 问题 ,分离 (detach) 可 以 使 终端 会 话 在 后 
台 运 行 ， 连 接 (attach) 可 以 重新 打开 在 后 侣 运行 的 会 话 ， 也 可 以 多 个 终端 连接 同一 会 话 。 


Mac 


brew install tmux PPT 


Linux 


yum install tmux 类 似 命 令 即 可 


Windows 


Windows 下 可 以 使 用 cygwin 来 安装 cygwin，cygwin 是 图 形 安 装 界面 ， 请 确保 在 Select 
Packages 界面 出 现时 ， 选 中 tmux 即 可 。 


tmux 的 基本 概念 


启动 之 后 ， 可 以 看 到 命令 行 最 底部 多 了 一 条 绿色 的 状态 条 ， 上 面 显示 了 一 些 信息 ， 比 如 计算 
机 名 和 时 间 等 。 


Session( 2: tE) 

一 组 窗口 的 集合 ， 通 常用 来 概括 同一 个 任务 。session 可 以 有 自己 的 名 字 便 于 任务 之 间 的 切 
换 。 

Window( 窗 口 ) 

单个 可 见 窗口 。Windows 有 自己 的 编号 ， 也 可 以 认为 和 ITerm2 中 的 Tab 类 似 。 


当 你 新 建 一 个 会 话 的 时 候 ，tmux 已 经 自动 给 你 在 新 会 话 中 自动 创建 了 一 个 窗口 (Window)， 窗 
口 的 编号 从 6 开始 ， 名 称 则 默认 为 当前 工作 目录 或 者 当前 运行 的 程序 ， 都 显示 在 下 方 的 状态 
条 中 。 如 下 图 所 示 ， 我 将 工作 目录 切换 到 了 ~/Documents ， 窗 口 9 的 名 称 也 随 之 变换 。 


Pane( 窗 格 ) 


tmux 下 可 以 有 多 个 会 话 ， 会 话 下 又 可 以 有 多 个 窗口 ， 那 么 同样 ， 窗 口 下 还 可 以 有 多 个 窗 格 ， 
一 个 窗口 可 以 切 分 成 多 个 窗 格 ， 主 要 的 切 分 方法 有 两 种 ， 重 直 切 分 和 水 平 切 分 。 


tmux 的 基本 操作 


前 置 操作 ( Prefix-Command )， 所 有 下 面 介绍 的 快捷 键 ， 都 必须 以 前 置 操作 开始 。tmux 默 认 的 


前 置 操作 是 CTRL+b ° 
会 话 相 关 


° 新 建 会 话 (create): tmux new-session -s < 会 话 名 称 > OF tmux new -s < 会 话 名 称 > 

e 分 离 会 话 (detach): prefix d ,退出 tmux 但 是 不 关闭 掉 进 程 ， 方 便 下 次 进入 

e 连接 会 话 (attach): tmux attach -t < 目标 会 话 名 > OF tmux a -t < 目标 会 话 名 > ,被 分 离 的 会 
话 ， 还 可 以 重新 连接 上 

© tmux ls | 列 出 所 有 的 会 话 

e prefix $: 重 命名 当前 会 话 


M 


窗口 相关 


e tmux new -n < 窗口 名 > : 创建 会 话 的 时 候 附 上 -n 参数 ， 来 给 窗口 制定 一 个 名 称 
e 新 建 窗口 prefix c 

e 上 一 个 窗口 (previous) : prefix p 

e 下 一 个 窗口 (next) : prefix n 

e 切换 到 上 一 个 活动 的 窗口 : prefix space 

e 使 用 窗口 号 切换 : prefix 窗口 号 

窗口 列表 : prefix w 


e 关闭 一 个 窗口 : prefix & 
e 更 改 窗 口 名 称 : prefix ， 


窗 格 相关 


. 查看 所 有 窗 格 的 编号 : prefix q 
e 重 直 切 分 (把 窗口 重 直 切 分 成 左右 两 等 分 ) 
e 水 平 切 分 〈 把 窗口 水 平 切 分 成 上 下 两 等 分 ) : prefix " 
e 窗 格 切换 : prefix 0 
e 按 制定 方向 切换 窗 格 : prefix 方向 键 
e 更 改 窗 格 布局 : prefix 空格 ， 可 以 在 这 五 个 默认 的 窗 格 布局 之 中 轮流 切换 : 
o 水 平平 分 (even-horizontal) 
o 重 直 平分 (even-vertical) 
o 主 窗 格 最 大 化 ， 其 他 窗 格 水 平平 分 (main-horizontal) 
o 主 窗 格 最 大 化 ， 其 他 窗 格 重 直 平分 (main-vertical) 
o 平 铺 ， 窗 格 均等 分 (tiled) 


* prefix % 


参考 资料 


e Tmux - Linux 从 业者 必 备 利器 
e AR: tmux 入 门 


Sketch 


程序 员 的 自我 修养 


本 项 目 派 生 自 github.com/diessica/awesome-sketch 并 进行 中 文化 ， 同 时 适当 增加 了 一 些 内 


容 。 欢 迎 派生 并 提交 合并 请 求 来 完善 此 文档 。 谢 谢 | 


awesome Sketch 


你 是 否 知 道 Sketch 3 正在 成 为 最 好 的 UI/UX 设计 工具 ? 好 吧 ... 那 你 知道 多 少 ? 


一 份 为 in 学 Sketch 的 设计 师 、 前 端 工程 师 们 准备 的 不 完全 列表 ， 包 含 了 Sketch 视频 


o Sketch 3 教程 (19 惊 赞 课程 ) 

o LearnSketch 频道 

o 一 步 一 步 学 Sketch 3 for iOS 程序 设计 
。 手册 


o Sketch 快捷 键 美文 版 / 中 文 版 
o 官方 文档 / 中 文 版 
e 文章 


o Fireworks vs. Sketch 

o Supercharge your Workflow in Sketch 

o Sketch for Beginners: Design a Login Form Interface 
o The Ato Z of Sketch 

o 7 Tips for Sketch Users 

o 9 Sketch Features You Should be Using 

o Mastering the Bézier Curve in Sketch 

o 10 Tips & Tricks for Sketch 

o Typography in Sketch 3: Linked Text Styles 

o 11 tips for prototyping with Sketch 


o TeamSketch, 基于 Slack 的 Sketch 交流 社区 

o Sketch 中 文 用 户 讨 论 组 , AT Slack 的 交流 社区 
o Google+ 群 组 

o Facebook 群 组 

o 位 于 Reddit 

o SketchTalk, 非 官 方 论坛 

o Sketch 中 文 网 


Sketch 中 文学 习 资 料 
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程序 员 的 自我 修养 


o 


e 插件 


一 一 一 一 


邮件 列表 ) Sketch 官方 邮件 列表 
邮件 列表 ) Sketch tricks 
Screencast) SketchCasts 

资源 ) SketchApp Resources 
资源 ) SketchLand 

资源 ) SketchResources 


SketchTips, 一 个 关于 Sketch 的 博客 
Medium 上 的 sketch-tricks 


插件 管理 器 Sketch Toolbox 强烈 推荐 . 


o 必 不 可 少 的 插件 


Content Generator : 内 容 自 动 生 成 工具 
Renamelt : 改名 工具 

Sketch Measure : 测量 工具 

Style Inventory: 样式 清单 

Dynamic Button : 可 调整 按钮 

Page Switch : 页 面 切换 


o 哪里 可 以 得 到 更 多 


SketchApp Resources: Plugins for Sketch 
Sketch Plugin Directory 
SketchPlugins mailing list 


=» Awesome Sketch Plugins 
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Trello 


Trello & Joel Spolsky 创 建 的 Fog Creek 公 司 开 发 ， 是 一 种 在 线 的 看 板式 管理 应 用 程序 ， 从 创建 
以 来 一 直 不 断 改进 ， 已 经 有 多 家 公司 开始 使 用 它 来 管理 敏捷 项 目 。 


使 用 Trello 管 理 项 目的 经 验 


e 使 用 Trello 实 现 敏捷 项 目 管理 
e 用 Trello 做 项 目 管理 


git 进 阶 


15 分 钟 学 会 使 用 Git 和 远程 代码 库 


工作 步骤 


e 创建 一 个 远程 的 空 代码 库 (在 BitBucket 上 ) 
© 在 本 地 代码 库 添 加 一 个 项 目 

e 在 分 支 上 开发 新 功能 

© a) 保留 新 功能 或 者 b) 丢弃 它们 

e 也 许 ， 回 到 某 个 早先 的 时 间 点 

o 将 本 地 代码 库 推 送 到 远程 代码 库 

e 在 另 一 台 机 器 上 取得 远程 代码 库 


BA, EE 


e 15 分 钟 学 会 使 用 Git 和 远程 代码 库 


A 


vue ere ib n iè 
程序 员 的 自我 修养 


GitHub 秘 籍 


本 秘籍 收录 了 一 些 Git 和 Github 非 常 酷 同 时 又 少 有 人 知 的 功能 。 灵 感 来 自 于 Zach Holman 在 
2012 年 Aloha Ruby Conference 和 2013 年 WDCNZ 上 所 做 的 演讲 : Git and GitHub 
Secrets(slides)fe More Git and GitHub Secrets(slides) » 


Read this in other languages: English, 引导 01, 日 本 语 , 简体 中 文 . 


H K 


e GitHub 
o 忽略 空白 字符 变化 
o 调整 Tab 字 符 所 代表 的 空格 数 
o 查看 某 个 用 户 的 Commit 历 史 
o 克隆 某 个 仓库 


o 分 支 
m 将 某 个 分 支 与 其 他 所 有 分 支 进行 对 比 
m 比较 分 支 
m 比较 不 同 派生 库 的 分 支 

o Gists 

o Git.io 


o 键盘 快捷 键 
o 整 行 高 亮 
o 用 commit 信 息 关闭 lssue 
o 链接 其 他 仓库 的 |ssue 
o 设置 CI 对 每 条 Pull Request 都 进行 构建 
o Markdown 文 件 高 亮 语法 
o 表情 符 
o 静态 与 动态 图 片 
m “GitHub Wiki T 4x A. El A 
o 快速 引用 
o 快速 添加 许可 证 
o 任务 列表 
= Markdown 文 件 中 的 任务 列表 
o 相对 链接 
o GitHub Pages 的 元 数据 与 插件 支持 
o 查看 YAML 格 式 的 元 数据 
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o iE ARS AGE 

o 444 Pull Request 

o Diffs 
m Fie 20144 Diffs 
m 可 变化 地 图 
a diff? H E 54 RRS 
= #4 Pull Request 的 diff 和 patch 
m 泻 染 图 像 发 生 的 变动 

o Hub 

o 贡献 者 指南 

o GitHub 资 源 
m GitHub} 


o 前 一 个 分 支 
o Stripspace 命 令 
o 检 出 Pull Requests 
o 提交 空 改动 :trollface: 
o 更 直观 的 Git Status 
o 更 直观 的 Git Log 
o Git 查 询 
o 合并 分 支 
o 使 用 网 页 查看 本 地 仓库 
o Git 配 置 
w Git 命令 自 定义 别名 
m 自动 更 正 
mi 6, 
o Git 资 源 
a Git 54i 


GitHub 


忽略 空白 字符 变化 


在 任意 diff 页 面 的 URL 后 加 上 ?w=1 ， 可 以 去 掉 那 些 只 是 空白 字符 的 变化 ， 使 你 能 更 专注 于 代 
码 的 变化 。 
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secrets .md 
4 23.6 à secrets .md 


Over the years we've added 


4,3 1,5 && "Vt the y! 
huge features, sometimes we 


huge features, sometimes ! 


- Let's talk about some c 
*Let's talk about s 
十 


+## Whitespace 





Let's talk about some 
+ 


+## Whitespace 


见 GitHub secrets. 


调整 Tab 字 符 所 代表 的 空格 数 


在 diff 或 者 file 页 面 的 URL 后 面 加 上 ?ts=4 ， 这 样 当 显示 tab 字 符 的 长 度 pM M PS 
， 不 再 是 默认 的 8 个 空格 。 ts 后 面 的 数字 还 可 以 根据 你 个 人 的 偏好 进行 修改 。 不 过 ， 这 个 

小 诀窍 在 Gists 页 面 和 raw file 页 面 不 起 作用 。 

下 面 是 我 们 在 Go 语言 的 Source file 页 面 URL 后 加 ?ts=4 前 的 例子 : 

Bfile 69 lines (57 sloc) 1.86 kb Edit Raw 


Blame History Delete 


package flint 


import ( 
"path/filepath" 
) 


type lintError struct ( 


Level int 
Message string 


然后 是 我 们 添加 ?ts=4 后 的 例子 : 


Blfile 69 lines (57 sloc) 1.86 kb Edit Raw Blame History Delete 


package flint 

import ( 
"path/filepath" 

) 

type lintError struct { 


Level int 
Message string 


查看 某 个 用 户 的 Commit 历 史 
查看 某 个 用 户 的 所 有 提交 历史 ， 只 需 在 commits 页 面 URL 后 加 上 ?author-username ° 


https://github.com/rails/rails/commits/master?author=dhh 


|j branch: master ~ 


Apr 08, 2014 


[ . Dont abbreviate that which needs no abbreviation 
dhh authored 8 days ago 


Í Dont encourage aliases now that we have variants 


dhh authored 8 days ago 


EB i Use short-form for the scaffold render calls and drop the needless test 
dhh authored 8 days ago 


Mar 21, 2014 


f 2 Update test helper to use latest Digestor API 


dhh authored a month ago 


只 i Digestor should just rely on the finder to know about the format and ... 
dhh authored a month ago 


ji Log the full path, including variant, that the digestor is trying to ... 


dhh authored a month ago 


Uf Fix for digestor to consider variants for partials -- this still need... 
dhh authored a month ago 


深入 了 解 提 交 视 图 之 间 的 区 别 


克隆 某 个 仓库 
当 我 们 克隆 某 一 资源 时 ， 可 以 不 要 那个 git 后 级 。 


$ git clone https://github.com/tiimgreen/github-cheat-sheet 


更 多 对 Git clone 


> 


x 


将 某 个 分 支 与 其 他 所 有 分 支 进行 对 比 
当 你 点 击 某 个 仓库 的 分 支 (Branches) 选项 卡 时 


https://github.com/{user}/{repo}/branches 


你 会 看 到 一 个 包含 所 有 未 合并 的 分 支 的 列表 。 


你 可 以 在 这 里 查看 比较 (Compare) 页 面 或 点 击 删除 


GitHub $54 








rails / Commits 


304d2f19c8 + 


Browse code 中 


10570cfd5b + 


Browse code > 


| 4bücBo9467 | >) 


Browse code 中 


9d44b3f886 + 


Browse code > 


637bb726ca + 


Browse code 中 


4bca34750d + 


Browse code > 


06b4f0lfca + 


Browse code 中 


Branches 


Showing 3 branches not merged into master. View merged branches. 








1.x-master 17 ahead 
* 

w Last updated 14 hours ago by mzgol. ‘nating A Compare 

delegation ead z 

+ Last updated 4 months ago by timmywil. behind A Compare 

1.9-stable head 

Last updated a year ago by tomfuertes. PAS SERT! (8) Compare 


有 的 时 候 我 们 需要 将 多 个 分 支 与 一 个 非 主 分 支 (master) 进行 对 比 ， 此 时 可 以 通过 在 URL 后 
加 入 要 比较 的 分 支 名 来 实现 : 


https://github.com/{user}/{repo}/branches/ {branch} 


Branches 


Showing 2 branches not merged into 1.x-master. View merged branches. 








delegation 
~ Last updated 4 months ago by timmywil. 


[=] Compare 


master 43 ahead 
w Last updated 3 days ago by mzgol. a 国 Compare 


可 以 在 URL 后 加 上 ?merged=1 来 查看 已 经 合并 了 的 分 支 。 


Branches teconty Active MEN 


Showing 1 branch merged into 1.x-master. View unmerged branches. 





1.9-stable | wes nam 


Last updated a year ago by tomfuertes. 


你 可 以 使 用 这 个 界面 来 替代 命令 行 直 接 删 除 分 支 。 


比较 分 支 
如 果 我 们 想 要 比较 两 个 分 支 ， 可 以 像 下 面 一 样 修改 URL : 


https://github.com/user/repo/compare/ {range} 


程序 员 的 自我 修养 
其 中 (range) = master...4-1-stable 
例如 : 


https://github.com/rails/rails/compare/master...4-1-stable 


bl P master ... |/4-1-stable Edit 


Please review the guidelines for contributing to this repository. 


Open a Pull Request for this comparison to discuss and review your changes with others. [9] 


247 commits 273 files changed 5 comments 36 contributors 


Commits Files changed Commit comments 


Feb 18, 2014 

3j, dhh Update versions for 4.1.0.rci x 
$$, dhh Revert "Update versions for 4.1.@.rci" -- old format for versions! =- 

2. dhh Update versions for 4.1.0.rc1 (using new format) - 
2 arunagw Pointing README links to 4-1-stable [ci skip] 

If) chancancode “rails new --edge' should use the '4-1-stable' branch -- 

® chancancode Merge pull request #14100 from chancancode/rails new edge =- 


{range} 还 可 以 使 用 下 面 的 形式 : 


https://github.com/rails/rails/compare/master@{1.day.ago}...master 
https://github.com/rails/rails/compare/master@{2014-10-04}...master 


日 期 格式 YYYY-DD-MM 


IN! D mastere(2014-10-04) ... D master Edit 
130 commits 123 files changed 5 comments 39 contributors 
Commits Files changed Commit comments 


Aug 07, 2013 


d emre-basala Add tests to ActiveSupport:XmlMini to tag method bd 


Nov 17, 2013 


2 lantropov Fix insertion of records for hmt association with scope, fix #3548 x 


Jan 07, 2014 


© roderickvd Auto-generate stable fixture UUIDs on PostgreSQL. -- Y 


.这 样 你 就 能 查看 master 分 支 上 一 段 时 间或 者 指定 日 期 内 的 改动 。 
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了 解 更 多 关于 比较 跨 时 间 段 的 提交 记录 . 


比较 不 同 派生 库 的 分 支 


想 要 对 派生 仓库 (Forked Repository) 之 间 的 分 支 进 行 比较 ， 可 以 像 下 面 这 样 修改 URL 实 


I: 


https://github.com/user/repo/compare/{foreign-user}:{branch}...{own-branch} 


例如 : 


https://github.com/rails/rails/compare/byroot:master...master 


INI byroot:master 


rails:master 


Please review the guidelines for contributing to this repository. 


Open a Pull Request for this comparison to discuss and review your changes with others. 


6,802 commits 


Commits Files changed 


Apr 02, 2014 
图 kastiglione 
Wf rajcybage 
X rataettranca 
? rwz 

BB alex88 


轩 rataettranca 


Gists 


309 files changed 14 comments 


Commit comments 


This comparison is big! We're only showing the most recent 250 commits 


PostgreSQL, Support for materialized views. [Dave Lee & Yves Senn] … 


We can conditional define the tests depending on the adapter or ~ 
Merge pull request #14565 from rajcybage/conditional test cases = 
DRY AS::SafeBuffer a bit using existing helper 

Fixed small documentation typo = 


Merge pull request #14568 from alex88/patch-1 -= 


64 contributors 


AP. AE EE 


Edit 


Gists 给 我 们 提供 了 一 种 不 需要 创建 一 个 完整 的 仓库 ， 使 小 段 代码 也 可 以 工作 的 简单 方式 。 
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+ 


GitHubGist — sea’ Discover Gists Gratachmie 园 OS 办 





tümgreen / app.rb ÜG- owe Star 0 [Fork 0 


Created 4 days ago 


A simple Ruby program. 


Ruby @ <> 





| Gist Detail El app.rb 


Revisions 1 1 puts 'Hello World' 


cp Download Gist 


99 rafalchmiel commented 2daysago 9' (9 
Clone this gist 


https://gist.github Wow, dat is some engineering. 


Embed this gist 


<script src="https: 
(op Write Preview Comments are parsed with GitHub Flavored Markdown 
Link to this gist 


https://gist.github 


Gist 的 URL 后 加 上 .pibb ， 可 以 得 到 更 适合 诅 入 到 其 他 网 站 的 HTML 版 本 。 


Gists 还 可 以 像 任何 标准 仓库 一 样 被 克隆 。 


$ git clone https://gist.github.com/tiimgreen/10545817 


e0e @ tim 一 bash — 80x17 
Last login: Sun Jan 18 22:05:37 on ttys0@2 

Tims-MacBook-Pro:~ tim$ git clone https://gist.github.com/tiimgreen/10545817 
Cloning into '10545817'... 

remote: Counting objects: 3, done. 

remote: Total 3 (delta 0), reused 0 (delta 0) 

Unpacking objects: 10@% (3/3), done. 

Checking connectivity... done. 

Tims-MacBook-Pro:~ tim$ Jj 


这 意味 着 你 可 以 像 Github 仓库 一 样 修改 和 更 新 Gists : 
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$ git commit 
$ Username for 'https://gist.github.com': 
$ Password for 'https://tiimgreen@gist.github.com': 


进一步 了 解 如 何 创建 gists. 


Git.io 


Git.io 是 Github 的 短 网 址 服务 。 


[cite http://git.io/AXNwKA ed Shorten another URL 





Terms of Service Privacy Security o © 2014 GitHub Inc. All rights reserved 


你 可 以 通过 Curl 命 令 以 普通 HTTP 协 议 使 用 它 : 
$ curl -i http://git.io -F "url-https://github.com/..." 
HTTP/1.1 201 Created 


Location: http://git.io/abci23 


$ curl -i http://git.io/abc123 
HTTP/1.1 302 Found 
Location: https://github.com/... 


进一步 了 解 Git.io. 


键盘 快捷 键 


在 仓库 主页 上 提供 了 快捷 键 方便 快速 导航 。 


e dE c 键 会 打开 一 个 文件 浏览 器 。 
e 按 w 键 会 打开 分 支 选 择 菜单 。 


e dk s 键 会 激活 顶端 的 命令 栏 (Command Bar) ° 

e i 1 键 编辑 lssue 列 表 页 的 标签 。 

e 查看 文件 内 容 时 (如 : https://github.com/tiimgreen/github-cheat- 
sheet/blob/master/README.md ) ， 按 y 键 将 会 冻结 这 个 页 面 ， 这 样 就 算 代码 被 修改 了 也 
不 会 影响 你 当前 看 到 的 。 





按 ? 查看 当 





Keyboard shortcuts 


Site wide shortcuts 


Focus command bar, search all 
repositories 


Focus command bar, search the 
current repository 


Move selection down 
Move selection up 


Toggle selection 


文件 地 址 后 加 上 #L52 或 者 单 击 行 号 52 都 会 将 第 52 行 代码 证 


行 高 亮 也 可 以 ， 比 如 用 #L53-L60 选择 范围 ， 或 者 按 住 shift 键 ， 然 后 再 点 击 选 # 


autoload 


autoload : 
autoload : 
autoload : 
autoload : 


eager autoload do 
autoload :Errors 


end 


module Serializers 
extend ActiveSupport::Autoload 


eager autoload do 
autoload : 
autoload :Xml 


end 
end 


def self.eager load! 


super 


ActiveModel::Serializers.eager load! 


end 


end 
ActiveSupport.on load(:il8n) do 


I18n.load path << File.dirname( 
end 


Fl commiti & X Hlssue 





前 页 面 支持 的 快捷 键 列 表 : 


Goto Notifications 


B 
ü 
ü 
Bring up this help dialog 
B 
B 


EM 


:Serialization 





Submit comment 
Preview comment 
Go fullscreen 
Create issue 

Create label 

Back to issues 
Focus issues search 


Reply (quoting selected text) 


https://github.com/rails/rails/blob/master/activemodel/lib/active model.rb£ZL53-L60 


'/active model/locale/en.yml' 


Pull request list 


Submit comment 


Preview comment 


Network Graph 


如 果 某 个 提交 修复 了 一 个 lssue， 当 提交 到 master 分 支 时 ， 提 交 信 息 里 可 以 使 
用 fix/fixes/fixed , close/closes/closed 或 者 resolve/resolves/resolved 等 关键 词 ， 后 面 
再 跟 上 |ssue 号 ， 这 样 就 会 关闭 这 个 |lssue © 


$ git commit -m "Fix screwup, fixes #12" 


这 将 会 关闭 lssue #12， 并 且 在 Issue 讨论 列表 里 关联 引用 这 次 提交 。 


H O tiimgreen closed this issue from a commit 9 days ago 


图 Fix screwup, fixes #12 


© Gg tiimgreen closed this in 36£4317 9 days ago 


进一步 了 解 通过 提交 信息 关闭 /ssue. 


链接 其 他 仓库 的 Issue 


如 果 你 想 引 用 到 同一 个 仓库 中 的 一 个 Issue， 只 需 使 用 并 号 # 加 上 Issue 号 ， 这 样 就 会 自动 创 
建 到 此 Issue 的 链接 。 


要 链接 到 其 他 仓库 的 Issue， 就 使 用 user_name/repo_name#ISSUE_NUMBER 的 方式 ， 例 


如 tiimgreen/toc#12 ° 


We should probably handle this with github/enterprise#59 


K 


sr referenced this issue in github/github October 14, 2011 


Pull Request #1773:Update footer for new formats Closed 


t E Clxt 4 &Pull Request 都 进行 构建 


ho Bo HE AA Travis CI 会 为 每 个 你 收 到 的 Pull Request 执 行 构建 ， 就 像 每 次 提交 也 会 触发 构 
建 一 样 。 想 了 解 更 多 关于 Travis CI 的 信息 ， 请 看 Travis CIAT ° 





o ^ This repository ~ Se r type a comma © Explore Gist Blog Help £j rataichmiel +- X 办 


octokit / octokit.rb G5 Watch ~ 68 — X Unstar 1,510 ff Fork 291 


Lazy create test repos #452 CI 








o 
joeyw wants to merge 2 commits into master from lazy-create-test-re_ 
© 
M Conversation o Commits 2 [8] Files changed 4 munan «17 -0 n | 
Md Joeyw commented a month ago Collaborator Labels d 
None ye 
Alternative to mass repo creation in #429 th 
f sr " Milestone 
Checks for and creates test repositories before recording new cassettes. b 
No milestone 
G] joeyw added some commits a month ago Assignee 
Ww Lazily create test repositories on new cassette recording Y No one assigned 
*' Ignore test repo setup interactions so they arent saved in cassettes Y 
Notifications 
@ Subscribe 
v All is well — The Travis CI build passed - Details 
ad 
gm Write Preview Comments are parsed with GitHub Flavored Markdown 


进一步 了 解 Commit status API. 


` 


Markdown x 4# à je i$ 7X 
例如 ， 可 以 像 下 面 这 样 在 你 的 Markdown 文 件 里 为 Ruby 代 码 添 加 语法 高 完 : 


~~ ruby 
require 'tabbit' 
table = Tabbit.new('Name', 'Email') 
table.add row('Tim Green', 'tiimgreen@gmail.com' ) 
puts table.to_s 


效果 像 下 面 这 样 : 


require 'tabbit' 

table - Tabbit.new('Name', 'Email') 

table.add row('Tim Green', 'tiimgreenQgmail.com') 
puts table.to s 


Github4£ FI] Linguist 做 语言 识别 和 语法 高 亮 。 你 可 以 仔细 阅读 languages YAML file > TARA 
哪些 可 用 的 关键 字 。 


进一步 了 解 GitHub Flavored Markdown. 


GitHub 秘 箱 





可 以 在 Pull Requests, Issues, 提交 消息 , Markdown fF € Ze ART o EAA 


法 :name of emoji: 


:smile: 


将 输出 一 个 笑脸 : 
:smile: 


Github 支 持 的 完整 表情 符号 列表 详 见 emoji-cheat-sheet.com 或 scotch-io/All-Github-Emoji- 


Icons ° 


Github 上 使 用 最 多 的 5 个 表情 符号 是 : 


1. :shipit: - :shipit: 

2. :sparkles:- :sparkles: 
3. :-1:- :-1 

4. :+1:- :+1: 

5. :clap: - :clap: 


静态 与 动态 图 片 
注释 和 README 等 文件 里 也 可 以 使 用 图 片 和 GIF 动画 : 

![Alt Text](http://www.sheawong.com/wp-content/uploads/2013/08/keephatin.gif) 
仓库 中 的 原始 图 片 可 以 被 直接 调用 : 


![AJLt Text](https://github.com/(user)/(repo)/raw/master/path/to/image.gif) 


程序 员 的 自我 修养 





所 有 图 片 都 缓存 在 Github， 不 用 担心 你 的 站 点 不 能 访问 时 就 看 不 到 图 片 了 。 


在 GitHub Wiki ¥ 4 AA A 


A bir Ak AEW d dE o BEST VUE E — A BAR AES A 48: 85 Markdownis X * 
也 可 以 像 下 面 这 样 指定 图 片 的 高 度 或 宽度 : 


[[ http://www.sheawong.com/wp-content/uploads/2013/08/keephatin.gif | height = 100px ]] 


| 


E 





结果 : 
Home Pages History Now Pape M 
Home (Preview) © 





如 
README not found lh 
While a README isn't a required part of an open source project, it is a very good idea to have one. READMES are a great place to describe p 


your project or add some documentation such as how to install or use your project. You might want to include contact information - if your 
project becomes popular people will want to help you out. See GitHub's article on creating repositories. See Tom Preston-Werner's blog post x 
on README driven development. Also see the Wikipedia article on READMEs. 


快速 引用 


在 主题 评论 中 引用 之 前 某 个 人 所 说 的 ， 只 需 选 中 文本 ， 然 后 按 r 键 ， 想 要 的 就 会 以 引用 的 形 
式 复制 到 你 的 输入 框 里 。 
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程序 员 的 自我 修养 


S jakeboxer commented 2minutes ago (€) 


Yep, | really like the second option—It puts exactly the right amount of emphasis on the content. 


2 Write Preview Comments are parsed with GitHub Flavored Markdown 


oO 


& dropping them or choose an image 


进一步 了 解 快速 引用 . 
快速 添加 许可 人 证 


创建 一 个 仓库 时 ，Github 会 为 你 提供 一 个 预 置 的 软件 许可 列表 : 


O Initialize this repository with a README 
This will allow you to git clone the repository immediately. Skip this step if you have already run git 








Add .gitignore: None v | Add a license: None v | 
| Licenses 
Fortes 

Filter licenses... 
GPL v2 

v^ MIT License 

rms Privacy Security Contact 

Affero GPL 


对 于 已 有 的 仓库 ， 可 以 通过 web 界面 创建 文件 来 添加 软件 许可 。 输 入 License 作为 文件 名 后 ， 
同样 可 以 从 预 置 的 列表 中 选择 一 个 作为 模板 。 
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tiimgreen.github.io / LICENSE cancel Choose a licens 


License 





Ez 





GPL v2 


MIT License 


Affero GPL 


Artistic License 2.0 


BSD (3-Clause) License 


BSD 2-Clause license 


CCO 1.0 Universal 


Eclipse Public License v1.0 





这 个 技巧 也 适用 于 .gitignore 文件 。 


进一步 了 解 open source licensing. 


任务 列表 
lssues 和 Pull requests 里 可 以 添加 复 选 框 ， 语 法 如 下 (注意 空白 符 ) 


Be awesome 
Prepare dinner 

] Research recipe 
] Buy ingredients 
] Cook recipe 
Sleep 


TODO 
Ce AlexandreArpin opened this issue just nov comments 


E AlexandreArpin 


^ 


Be awesome 

Prepare dinner 
Research recipe 
Buy ingredients 
Cook recipe 


Sleep 


当 项 目 被 选中 时 ， 它 对 应 的 Markdown 源 码 也 被 更 新 了 : 


- [x] Be awesome 

- [ ] Prepare dinner 
- [x] Research recipe 
- [x] Buy ingredients 
- [ ] Cook recipe 

- [ ] Sleep 


进一步 了 解 任务 列表 . 


NE 


Markdown x 4t ¥ &j4£ 2- 9| & 
在 完全 适 配 Markdown 语 法 的 文件 中 可 以 使 用 以 下 语法 加 入 一 个 只 读 的 任务 列表 


- [ ] Mercury 
- [x] Venus 
- [x] Earth 
- [x] Moon 
- [x] Mars 
- [ ] Deimos 
- [ ] Phobos 


e [] Mercury 
e [x] Venus 
e [x] Earth 

o [x] Moon 


[x] Mars 
o [] Deimos 
o [] Phobos 


进一步 了 解 Markdown 文 件 中 的 任务 列表 
相对 链接 
Markdown 文 件 里 链接 到 内 部 内 容 时 推荐 使 用 相对 链接 。 


[Link to a header](£awesome-section) 
[Link to a file](docs/readme) 


绝对 链接 会 在 URL 改 变 时 (例如 重 命名 仓库 、 用 户 名 改变 ， 建 立 分 支 项 目 ) 被 更 新 。 使 用 相 
对 链接 能 够 保证 你 的 文档 不 受 此 影响 。 


进一步 了 解 相对 链接 . 


GitHub Pages 的 元 数据 与 插件 支持 


在 Jekyl| 页 面 和 文章 里 ， 仓 库 信 息 可 在 site.githu 命名 空间 下 找到 ， 也 可 以 显示 出 来 ， 例 
如 ， 使 用 ££ site.github.project title }} 显示 项 目标 题 。 


Jemoji 和 jekyll-mentions 插 件 为 你 的 Jekyll 文 章 和 页 面 增加 了 emoji 和 @mentions 功 能 。 


了 解 更 多 GitHub Pages 的 元 数据 和 插件 支持 . 


查看 YAML 格 式 的 元 数据 


许多 博客 站 点 ， 比 如 基于 Jekyll 的 GitHub Pages， 都 依赖 于 一 些 文章 头 部 的 YAML 格 式 的 元 数 
据 。Github 会 将 其 泻 染 成 一 个 水 平 表格 ， 方 便 阅 读 。 


file | 61 lines (39 sloc) | 1.415 kb Edit Raw Blame History Delete 


layout title description tags path eventdate 


bare Git and GitHub Review Git and GitHub Review 
for NYU for NYU 


notes online class classnotes/2013-02-13-NYU- 2013-02- 
d 13 


github-class.m 


Your instructors for the evening are: 


e Matthew McCullough (Twitter, GitHub) 
e Tim Berglund (Twitter, GitHub) 


进一步 了 解 在 文档 里 查看 YAML 元 数据 . 
演 染 表格 数据 


GitHub 支 持 将 .csv (过 号 分 隔 ) 和 .tsv ( 制 表 符 分 隔 ) 格 式 的 文件 泻 染 成 表格 数据 。 


LA 
am 


file 869 lines (868 sloc) | 188.222 kb Edit Raw Blame History Delete 


Title Release Year Locations Fun Facts Production Company 

180 2011 555 Market St. SPI Cinemas 

180 2011 Epic Roasthouse (399 Embarcade... SPI Cinemas 

180 2011 Mason & California Streets (Nob Hill) SPI Cinemas 

180 2011 Justin Herman Plaza SPI Cinemas 

180 2011 200 block Market Street SPI Cinemas 

180 2011 City Hall SPI Cinemas 

180 2011 Polk & Larkin Streets SPI Cinemas 

180 2011 Randall Musuem SPI Cinemas 

24 Hours on Craigslist 2005 Yerba Buena Productions 
48 Hours 1982 Paramount Pictures 

50 First Dates 2004 Rainforest Café (145 Jefferson Str... Columbia Pictures Corpora: 
A Jitney Elopement 1915 Golden Gate Park During San Francisco's Gold Rush... The Essanay Film Manufact 
A Jitney Elopement 1915 20th and Folsom Streets The Essanay Film Manufact 
A Night Full of Rain 1978 San Francisco Chronicle (901 Mis... The San Francisco Zodiac Killer of... Liberty Film 


进一步 了 解 泻 染 表 格 数据 . 


撤销 Pull Request 


可 以 通过 Pull Request 中 的 Revert 按 钮 来 撤销 一 个 已 合并 的 Pull Request 中 的 commit。 按 下 按 


426 


© 
o 


会 自动 生成 一 个 进行 逆向 操作 的 Pull Request » 





= x 
© octocat 6b79af4 
Create a new pull request to revert these changes 
© octocat 


*zt—3b Y REB te 48 


Diffs 


ay 


宣 染 文档 的 Diffs 


提交 和 Pull Requests 里 包含 有 Github 支 持 的 可 泻 染 文档 (比如 Markdown) 会 提供 source 和 
rendered 两 个 视图 功能 。 


(^ LI 
UITAUD 





程序 员 的 自我 修养 


21 SESS8 rendered-prose-diffs.md <> B View 


+# Rendered Prose Diffs 
+ 


+Today we are making it easier to review and collaborate on prose documents. Commits and pull requests including 


点 击 "rendered" 按钮 ， 看 看 改动 在 泻 染 后 的 显示 效果 。 当 你 添加 、 删 除 或 修改 文本 时 ， 泻 染 
纯 文 本 视图 非常 方便 。 


Also, notice that the URL uses the scope query parameter to define the scopes requested by the 


application. For our application, we're requesting user:emaii scope for reading private email 
addresses. 


进一步 了 解 泻 染 纯 文 本 视图 Di1jjfs. 


可 变化 地 图 


当 你 在 GitHub 上 查看 一 个 包含 地 理 数据 的 提交 或 pull request 时 ，Github 将 以 可 视 化 的 方式 对 
比 版 本 之 间 的 差异 。 


208 IL/@4.geojson View 


WE Ll ICA wr 


Itasca 


Addison 







Northlake 


Glen Ellyn , Lombard Chicago 
Stickney 
Westmont 


Willewhmok 


Revision Slider Highlight 


进一步 了 解 可 比较 地 图 . 


在 diff 中 折 司 与 扩展 代码 


你 可 以 通过 点 击 diff 边 栏 里 的 unfold 按钮 来 多 显示 几 行 上 下 文 。 你 可 以 一 直 点 击 unfold 按钮 直 
到 显示 了 文件 的 全 部 内 容 。 这 个 功能 在 所 有 GitHub 产 生 的 diff 界 面 都 可 以 使 用 。 
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94 +- (RACSignal *)enqueueRequest:(NSURLRequest *)request fetchAllPages:(BOOL)fetchAllPages; 
95 + 

// Enqueues a request to fetch information about the current user by accessing 

// a path relative to the user object. 

// 


NSString *userAgent * self.class.userAgent; 


if (userAgent != nil) [self setDefaultHeader:@"User-Agent" value:userAgent]; 
243 Aj 
244 - self.parameterEncoding = AFJSONParameterEncoding; 
245 ~ [self setDefaultHeader:&"Accept" value:&"application/vnd.github.beta*json"]; 


[AFHTTPRequestOperation addAcceptableStatusCodes:[NSIndexSet indexSetWithIndex:OCTClientNotModifiedStatusCode] | 


248 - [AFJSONRequestOperation addAcceptableContentTypes:[NSSet setWithObject:&"application/vnd.github.beta*json"]j]; 
259 | * 
260 + NSString *contentType = [NSString stringWithFormat:8"application/vnd.github.$6*json", OCTClientAPIVersion]; 
261 + [self setDefaultHeader:@"Accept" value:contentType]; 
262 + [AFJSONRequestOperation addAcceptableContentTypes:[NSSet setWithObject:contentType] ]; 
263 | + 
264 + self.parameterEncoding = AFJSONParameterEncoding; 
[self registerHTTPOperationClass:AFJSONRequestOperation.class]; 
return self; 
进一步 了 解 扩展 Diff 上 下 文 . 


查看 Pull Request 的 diff 和 patch 


在 Pull Request 的 URL 后 面 加 上 diff 或 patch 的 扩展 名 就 可 以 得 到 它 的 diff 或 patch 文 
件 ， 例 如 : 


https://github.com/tiimgreen/github-cheat-sheet/pull/15 
https://github.com/tiimgreen/github-cheat-sheet/pull/15.diff 
https://github.com/tiimgreen/github-cheat-sheet/pull/15.patch 


diff 扩展 会 使 用 普通 文本 格式 显示 如 下 内 容 : 


diff --git a/README.md b/README.md 
index 88fcf69..8614873 100644 
--- a/README.md 
+++ b/README.md 
@@ -28,6 +28,7 QQ All the hidden and not hidden features of Git and GitHub. This cheat sh 
- [Merged Branches] (#merged-branches) 
- [Quick Licensing] (#quick-licensing) 
- [TODO Lists](#todo-lists) 
+- [Relative Links](#relative-links) 
- [.gitconfig Recommendations] (#gitconfig-recommendations ) 
- [Aliases] (#aliases) 
- [Auto-correct](£auto-correct) 
@@ -381,6 +382,19 @@ When they are clicked, they will be updated in the pure Markdown: 
- [ ] Sleep 











泻 染 图 像 发 生 的 变动 


GitHub 可 以 显示 包括 PNG、JPG、GIF、PSD 在 内 的 多 种 图 片 格式 并 提供 了 几 种 方式 来 比较 
这 些 格式 的 图 片 文件 版 本 间 的 不 同 。 


UN samEN |, p»d " 





查看 更 多 关于 浑 染 图 像 变动 的 内 容 


Hub 


Hub 是 一 个 对 Git 进 行 了 封装 的 命令 行 工 具 ， 可 以 帮助 你 更 方便 的 使 用 Github。 


HE 


这 使 得 你 可 以 像 下 面 这样 进 行 克 
$ hub clone tiimgreen/toc 
查看 更 多 Hub 提 供 的 超 酷 命令 . 


贡献 者 指南 


在 你 的 仓库 的 根 目 录 添 加 一 个 名 为 ”coNTRIBUTING 的 文件 后 ， 贡 献 者 在 新 建 lssue 或 Pull 


Request 时 会 看 到 这 个 文件 的 链接 。 


iÉ Please review the guidelines for contributing to this repository. 
上 


Write 


进一步 了 解 贡献 者 指南 . 


GitHub 资源 
Title Link 
GitHub Explore https://github.com/explore 
GitHub Blog https://github.com/blog 
GitHub Help https://help.github.com/ 
GitHub Training http://training.github.com/ 
GitHub Developer https://developer.github.com/ 
GitHub i 
Title Link 


How GitHub Uses GitHub to Build 
GitHub 


Introduction to Git with Scott Chacon of 
GitHub 


How GitHub No Longer Works 


Git and GitHub Secrets 


More Git and GitHub Secrets 


https://www.youtube.com/watch? 
v-qyz3jkOBbQY 


https://www.youtube.com/watch? 
v=ZDR433b0HJY 


https://www.youtube.com/watch? 
v-gXD1ITWTiZl 


https://www.youtube.com/watch? 
v-Foz9yvMkvIA 


https://www.youtube.com/watch?v=p50xsL- 
iVgU 


前 一 个 分 支 
快速 检 出 上 一 个 分 支 : 


$ git checkout - 


# Switched to branch 'master' 


$ git checkout - 
# Switched to branch 'next' 


$ git checkout - 
# Switched to branch 'master' 


进一步 了 解 Git PR. 


Stripspace 命 令 
Git Stripspace 命 令 可 以 : 


。 去 掉 行 尾 空白 
e 多 个 Arr e 
e 必要 时 在 文件 末尾 增加 一 个 空 行 


使 用 此 命令 时 必须 传 入 一 个 文件 ， 像 这 样 
$ git stripspace < README.md 


进一步 了 解 Git stripspace 命令 . 


检 出 Pull Requests 


Pull Request 是 一 种 GitHub 上 可 以 通过 以 下 多 种 方式 在 本 地 被 检索 的 特别 分 支 : 
检索 某 个 分 支 并 临时 储存 在 本 地 的 FETCH_HEAD 中 以 便 快 速 查 看 更 改 (diff) 以 及 合并 (merge) : 


$ git fetch origin refs/pull/[PR-Number ]/head 


通过 refspec 获 取 所 有 的 Pull Request 为 本 地 分 支 


$ git fetch origin '+refs/pull/*/head:refs/remotes/origin/pr/*' 


或 在 仓库 的 .git/config 中 加 入 下 列 设置 来 自动 获取 远程 仓库 中 的 Pull Request 


[remote "origin"] 
fetch = +refs/heads/*:refs/remotes/origin/* 
url = gitQgithub.com:tiimgreen/github-cheat-sheet.git 


[remote "origin"] 
fetch = +refs/heads/*:refs/remotes/origin/* 
url = gitQgithub.com:tiimgreen/github-cheat-sheet.git 
fetch = *refs/pull/*/head:refs/remotes/origin/pr/* 


对 基于 派生 库 的 Pull Request » "T VA38 A checkout 代表 此 Pull Request 的 远 端 分 支 再 由 此 分 


支 建立 一 个 本 地 分 支 : 


$ git checkout pr/42 pr-42 


操作 多 个 仓库 的 时 候 ， 可 以 在 Git 中 设置 获取 Pull Request) 4/5 3b © 


git config --global --add remote.origin.fetch "+refs/pull/*/head:refs/remotes/origin/pr/ 


lee MC ME 


此 时 可 以 在 任意 仓库 中 使 用 以 下 命令 : 
git fetch origin 
git checkout pr/42 
进一步 了 解 如 何 检 出 pull request 到 本 地 . 


提交 空 改动 :trollface: 


可 以 使 用 --allow-empty 选项 强制 创建 一 个 没有 任何 改动 的 提交 : 


$ git commit -m "Big-ass commit" --allow-empty 


这 样 做 在 如 下 几 种 情况 下 是 有 意义 的 : 


e 标记 新 的 工作 或 一 个 新 功能 的 开始 。 
e 记录 对 项 目的 跟 代 码 无 关 的 改动 。 
e 跟 使 用 你 仓库 的 其 他 人 交流 。 


e 作为 仓库 的 第 一 次 提交 ， 因 为 第 一 次 提交 后 不 能 被 rebase : 


-allow-empty 





git commit -m "init repo" - 


程序 员 的 自我 修养 


更 直观 的 Git Status 
在 命令 行 输入 如 下 命令 : 


$ git status 


可 以 看 到 : 





Tims-MacBook-Pro:gh-cheat-sheet tim$ git status 
On branch master 
Your branch is up-to-date with 'origin/master'. 


Changes not staged for commit: 
(use "git add <file>..." to update what will be committed) 
(use "git checkout -- <file>..." to discard changes in working directory) 


modified: README. md 


no changes added to commit (use "git add" and/or "git commit -a") 
Tims-MacBook-Pro:gh-cheat-sheet tims ff 





加 上 -sb 选项 : 


$ git status -sb 


Tims-MacBook-Pro:gh-cheat-sheet tim$ git status -sb 
## master...origin/master 

M README.md 

Tims-MacBook-Pro:gh-cheat-sheet tims I 
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进一步 了 解 Git status #4. 


更 直观 的 Git Log 


$ git log --all --graph --pretty-format: '%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(% 
ee 
可 以 看 到 : 








* feaBldb - URL: Metadata and Plugin Support for GitHub Pages (30 hours ago) «Hariadi Hinta> 


eoo |... ghcs — less — 140x26 Pal 
Tims-MacBook-Pro:ghcs tim$ git log --all --graph —-pretty=format: '%sCred%h*Creset -*C(yellow)sd&Creset %s sCgreen(scr) %C(bold blue)«*an»*Cre 
set' —abbrev-commit --date-relative 

* d3b0586 - (HEAD, origin/master, origin/HEAD, master) Use different link to Git docs (26 hours ago) «Rafal Chmiel> 

* 6ca33bd - Stripspace (26 hours ago) «Tim Green» 

* Be5bObd - Remove verbose Hub example (27 hours ago) «Tim Green» 

* bdb3f77 - Format link better (27 hours ago) «Tim Green» 

* c2cbbc3 - Literally link emoji lists to add clarity (27 hours ago) «Tim Green» 

* B03319c - Add date format helper for comparing branches (27 hours ago) «Tim Green» 

* 7e669d3 - Add Ignoring Whitespace example (27 hours ago) «Tim Green» 

* 7bbbe8a - Merge pull request #27 from hariadi/gh-pages-support (30 hours ago) «Rafal Chmiel> 

T 

| 

| 


~ 


* cb5858e - Add 'CI Status on Pull Requests' section (fixes #22) (32 hours ago) «Rafal Chmiel> 
* 4041919 - Change title of one section (34 hours ago) «Rafal Chmiel> 
* 3ce96f8 - Improve recently merged section (34 hours ago) «Rafal Chmiel> 


* 58d4f6d - Merge pull request #26 from rb2/pull-as-diff (34 hours ago) «Rafal Chmiel> 

IN 

| * 2e4446f - Add ToC entry for Getting content of Pull Request in Diff or Patch format (3 days ago) «Ruslan Brest» 
| * a347b23 - Getting content of Pull Request in Diff or Patch format (3 days ago) «Ruslan Brest» 

* | 9274e62 - Add another branch compare example (34 hours ago) «Rafal Chmiel> 

* | 957019c - Add example forked repo compare (34 hours ago) «Rafal Chmiel> 

* | 3d24fe7 - Add commit history example (34 hours ago) «Rafal Chmiel> 

* | ac15804 - Add compare branch example (34 hours ago) «Rafal Chmiel> 

* | ef29a13 - Add keyboard screenshot example (34 hours ago) «Rafal Chmiel> 

* | 9725328 - Add Git.io screenshot example (34 hours ago) «Rafal Chmiel> 





这 要 归功 于 Palesz 在 stackoverflow 的 回答 。 
这 个 命令 可 以 被 用 作 别 名 ， 详 细 做 法 见 这 里 。 


进一步 了 解 Gjit log TA. 


Git 查 询 运 行 你 在 之 前 的 所 有 提交 信息 里 进行 搜索 ， 找 到 其 中 和 搜索 条 件 相 匹配 的 最 近 的 一 


$ git show :/query 


这 里 query (区 别 大 小 写 ) 是 你 想 要 搜索 的 词语 ， 这 条 命令 会 找到 包含 这 个 词语 的 最 后 那 


个 提交 并 显示 变动 详情 。 


$ git show :/typo 





eoo L ghcs — less 一 140x36 





Tims-MacBook-Pro:ghcs tim$ git show :/typo 
commit e70c204e3d7cb15415866b575d01c1dal14b68a6c 
Author: Rafal Chmiel «higrafalchmiel.com» 

Date: Mon Apr 14 12:37:57 2014 +0100 


Fix typo 


diff --git a/README.md b/README.md 

index 2bc494e..40022d2 100644 

~~~ a/README.md 

+++ b/README.md 

G8 -118,7 «118,7 @@ To see all of the shortcuts for the current page press `?`. 


## Closing Issues with Commits 


-If a particular commit fixes an issue, any of the keywords 'fix/fixes/fixed' or 'close/closes/closed', followed by the issue number, will c 
*If a particular commit fixes an issue, any of the keywords 'fix/fixes/fixed' or 'close/closes/closed', followed by the issue number, will c 


"" bash 
$ git commit -m "Fix cock up, fixes $12" 
(END) 





$ git branch --merged 


4 


这 会 显示 所 有 已 经 合并 到 你 当前 分 支 的 分 支 列表 。 


$ git branch --no-merged 


会 显示 所 有 还 没有 合并 到 你 当前 分 支 的 分 支 列表 。 


进一步 了 解 Git branch 命令 . 


使 用 网 页 查看 本 地 仓 


使 用 Git 的 instaweb 可 以 立即 在 gitweb 中 浏览 你 的 工作 仓库 。 


CE T gitweb 和 用 来 浏览 本 地 仓库 的 Web 服 务 器 。 ( 译 者 注 : 


$ git instaweb 


。 这 个 命令 是 个 简单 的 脚本 ， 


默认 需要 lighttpq 支 持 ) 


执行 后 打开 : 


projects / .git / summary 777 git 
summary | shortlog | log | commit | commitdiff | tree commit $| 2 search: re 





description Unnamed repository; edit this file ‘description’ to name the repository. 
owner Rafal Chmiel 
last change Mon, 14 Apr 2014 20:04:18 +0100 (20:04 +0100) 



































shortlog 

2minago Rafal Chmiel Add use-cases for empty commits, thanks to @davej ... masier] ergnHEAD| orginimaster| SOTT commidi Ves snsosnot 
10 min ago Tim Green Revert title back to original commi | convmtdi! | tree | snapshot 
12 min ago Rafal Chmiel Add 'Git' to title commit | commigtt | tree | snapshot 
15 min ago Rafal Chmiel Update contributing guide to fit new organization commi | commidi! | tree | snapshot 
17 min ago Rafal Chmiel :star2: Organize sections (fixes #21) :star: Sommit | commid! | tree | snapshot 
68 min ago Rafal Chmiel :star: Don't push, I'll be reorganizing the whole file commi commidi! wes snsosnot 
2 hours ago Tim Green Update intro paragraph commit | commtdif! | tree | snapshot 
2hours ago Tim Green Clarity Rendered Prose Diffs commi | commidi! | tree | snapshot 
S hours ago Rafal Chmiel Add wiki images section under images/GIFs commit | commmicitt | tree | snapshot 
3 hours ago Rafal Chmiel Add 'Embedding Images in GitHub Wiki' section thanks... commit  commitdif | tree | snapshot 
3 hours ago Rafal Chmiel Add info about '.pibb' thanks to @jballanc :heart: commi | commis | tree | snaoshot. 
3 hours ago Rafal Chmiel Make list of emojis prettier commi | commidit | tree | snapshot 
3 hours ago Rafal Chmiel Just a little :trollface: Sommit | commidtt | tree | snapshot 
4 hours ago Rafal Chmiel :trollface: :trollface: :trollface: commi | commicitt | tree | snapshot 
4 hours ago Rafal Chmiel Add ‘Contributing Guidelines' section :feelsgood: commi | commi! | tree | snapshot 
4 hours ago Rafal Chmiel Search bar -> command bar commit | sommid! | tree | snapshot. 





heads 
2minago master soca kg iee 


remotes 


进一步 了 解 Git instaweb 命令 . 


Git 配 置 


所 有 Git 配 置 都 保存 在 你 的 .gitconfig 文件 中 。 
Git 命 令 自 定 义 别 名 


别名 用 来 帮助 你 定义 自己 的 git 命 令 。 比 如 你 可 以 定义 git a 来 运行 git add --all ° 


要 添加 一 个 别名 ， 一 种 方法 是 打开 ~/.gitconfig 文件 并 添加 如 下 内 容 : 


[alias] 
co = checkout 
cm = commit 
p = push 


# Show verbose output about tags, branches or remotes 
tags = tag -1 

branches = branch -a 

remotes = remote -v 


$ git config --global alias.new alias git function 


例如 : 


$ git config --global alias.cm commit 


指向 多 个 命令 的 别名 可 以 用 引号 来 定义 : 


$ git config --global alias.ac 'add -A. 


下 面 列 出 了 一 些 有 用 的 别名 : 
别名 ^ 
| 命令 Command 
Alias 
git cm git commit 
git co git checkout 
git ac git add . -A git commit 
git st git status -sb 
it ; 
ron git tag -l 
git i 
ran hes git branch -a 
oe git remote -v 
remotes 
git log --color --graph -- 
pretty=format: '%Cred%h%Creset - 
git lg ?6C ( yellow )9?6d96Creset 96s 


%Cgreen(%cr) %C(bold blue) 
<%an>%Creset' --abbrev-commit - 


自动 更 正 


如 果 键 入 git comit 你 会 看 到 如 下 输出 : 


$ git comit -m "Message" 


# git: 'comit' is not a git command. See 'git 





&& commit' 


如 何 设 置 What to Type 


git config --global alias.cm commit 
git config --global alias.co checkout 


git config --global alias.ac '!git 
add -A && git commit' 


git config --global alias.st 'status 
-sb' 


git config --global alias.tags 'tag - 
i ' 


git config --global alias.branches 
'branch -a' 


git config --global alias.remotes 
'remote -v' 


git config --global alias.lg "log -- 
color --graph -- 

pretty-format: '%Cred%h%Creset - 
%C(yellow)%d%Creset 96s %Cgreen(%cr ) 
%C(bold blue)<%an>%Creset' --abbrev- 
commit --" 


为 了 在 键入 comit 调用 commit 命令 ， 只 需 启 用 自动 纠 错 功 能 : 


$ git config --global help.autocorrect 1 


现在 你 就 会 看 到 : 


$ git comit -m "Message" 

# WARNING: You called a Git command named 'comit', which does not exist. 
# Continuing under the assumption that you meant 'commit' 

4 in 0.1 seconds automatically... 


ar DR 6 Fay d 
要 在 你 的 Git 命 令 输出 里 加 上 颜色 的 话 ， 可 以 用 如 下 命令 : 


$ git config --global color.ui i 


进一步 了 解 Git config 命令 . 


Git 资 源 
Title Link 
Official Git Site http://git-scm.com/ 
Official Git Video Tutorials http://git-scm.com/videos 
Code School Try Git http://try.github.com/ 
Apud Reference & Tutorial http://gitref.org/ 
Official Git Tutorial http://git-scm.com/docs/gittutorial 
Everyday Git http://git-scm.com/docs/everyday 
Git Immersion http://gitimmersion.com/ 
Ry's Git Tutorial http://rypress.com/tutorials/git/index.html 
Git for Designer http://hoth.entp.com/output/git for designers.html 


http://eagain.net/articles/git-for-computer- 


Git for Computer Scientists e 
scientists/ 


http://www-cs- 


Git Magic students.stanford.edu/~blynn/gitmagic/ 
Git 参 考 书籍 


N 
C1 
一 | 


GitHub 秘 籍 


程序 员 的 自我 修养 


Title Link 
Pragmatic Version http://www.pragprog.comf/titles/tsgit/pragmatic-version- 
Control Using Git control-using-git 
Pro Git http://git-scm.com/book 
Git Internals Peepcode http://peepcode.com/products/git-internals-pdf 
Git in the Trenches http://cbx33.github.com/gitt/ 


http:/Awww.amazon.com/Version-Control-Git-collaborative- 


Version Control with Git development/dp/1449316387 


Pragmatic Guide to Git http://www.pragprog.com/titles/pg git/pragmatic-guide-to-git 


Git: Version Control for http://www.packtpub.com/git-version-control-for- 
Everyone everyone/book 


GitHub 秘 籍 258 


JetBrains 


JetBrains 是 一 家 专注 开发 开发 工具 的 公司 ， 旗 下 的 IEDA, WebStorm 获 得 了 开发 者 的 极 大喜 
爱 。 


它们 家 的 IDE 是 收费 的 ， 广 大 开发 者 最 好 还 是 支持 一 下 正版 。 


IDE% E 


下 载 安装 完成 后 ， 我 首先 会 设置 一 下 编辑 器 。JetBrains 的 设置 在 旗下 的 IDE 中 是 通用 的 ， 所 以 
配置 是 可 以 随时 导入 导出 的 。 进 入 设置 的 方式 为 : File->settings ° 


T dn x d 


e 设置 行 号 : show line numbers 


e 设置 softwrap: soft wraps 
e 设置 工程 和 文件 编码 

e 设置 换行 模式 

e 设置 index 空 格 数 


keymaps 


e 设置 emacs 移 动 光标 方式 
e 设置 基本 的 编辑 方式 

。 设置 快捷 打开 文件 方式 
e 设置 快捷 访问 功能 方式 
e 设置 浏览 器 标签 切换 方式 
。 设置 格式 化 代码 方式 


附录 


计算 机 科学 与 技术 


Computer Science > K ŽIJE de > fat ER ARR o 


参考 资料 


e 网 易 云 课堂 
e Github : 计算 机 科学 公开 课 
e KE : 计算 机 专业 学 习 浅 谈 


3b 


码 农 周刊 
码 农 周刊 整理 
hackr.io: Share and discover the best programming tutorials and courses online. 


程序 员 的 自我 修养 


Dyer 


~ A 
#4 
e 程序 员 必 读书 单 1.0 


e 【年 终 特 刊 】2013 年 我 们 读 过 的 好 书 
e 【年 终 特 刊 】2014 年 最 受 欢迎 的 技术 干货 


个 人 提升 
e 知道 创 宇 研发 技能 表 V2.2: 国内 著名 黑客 余弦 总 结 。 
数据 可 视 化 


e data-design: 提高 我 们 对 于 数据 和 设计 的 理解 的 集体 行动 的 开始 。 
e 一 位 前 端 开发 者 的 计算 机 视觉 学 习 之 路 一 一 专访 《Chrome 扩 展 及 应 用 开发 》 作 者 李 训 


书籍 aoe 


工具 


工具 


e free-for-dev: A list of SaaS, PaaS and laaS offerings that have free tiers of interest to 
devops and infradev 


